Jquery - 根据您单击的链接显示不同的div

Question

我有一个包含不同链接的网页。

• Link＃1
• Link＃2
• Link＃3
• 等等。

我希望这些链接显示从头开始隐藏的不同div。链接＃1应显示Div＃1，依此类推。如果Div＃1打开并按下Link＃3，则应隐藏Div＃1，而应显示Div＃3。

• 链接＃1 - 显示Div＃1并隐藏＃2和＃3
• Link＃2 - 显示Div＃2并隐藏＃1和＃3
• 链接＃3 - 显示Div＃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();
});