Jquery - 클릭 한 링크에 따라 다른 div 표시

Question

다른 링크가있는 웹 페이지가 있습니다.

• 링크 # 1
• 링크 # 2
• 링크 # 3
• 등등.

처음부터 숨겨진 다른 div를 표시하려는 링크를 원합니다. 링크 # 1은 Div # 1을 표시해야합니다. Div # 1이 열려 있고 Link # 3을 누르면 Div # 1이 숨겨지고 Div # 3이 대신 표시되어야합니다.

• 링크 # 1 - 사업부 # 1 및 # 2, # 3
• 링크 # 2 숨길 쇼 - 쇼 사업부 # 2 및 # 1과 #을 숨길 3
• 링크 # 3 - 사업부 # 3를 표시합니다 # 1 및 # 2를 숨기기
• 등등.

최선의 방법으로이 문제에 어떻게 접근합니까?

감사합니다.

Answer 1

<a id="Link1" class="links" href="#" data-showdiv="Div1">Link 1</a> 
<a id="Link2" class="links" href="#" data-showdiv="Div2">Link 2</a> 
<a id="Link3" class="links" href="#" data-showdiv="Div3">Link 3</a> 
etc... 

<div id="Div1" class="divs"></div> 
<div id="Div2" class="divs"></div> 
<div id="Div3" class="divs"></div> 
etc... 

$(".links").click(function(){ 
    $("divs:visible").hide(); 
    $("#"+$(this).attr("data-showdiv")).show(); 
});