Jquery - 顯示不同的divs取決於你點擊哪個鏈接

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(); 
});