0

さまざまなリンクを含む Web ページがあります。

  • リンク#1
  • リンク#2
  • リンク #3
  • 等々。

これらのリンクに、最初から隠されているさまざまな div を表示したいと考えています。リンク #1 は Div #1 などを表示する必要があります。Div #1 が開いているときにリンク #3 を押すと、Div #1 が非表示になり、代わりに Div #3 が表示されます。

  • リンク #1 - Div #1 を表示し、#2 と #3 を非表示にします
  • リンク #2 - Div #2 を表示し、#1 と #3 を非表示にします
  • リンク #3 - Div #3 を表示し、#1 と #2 を非表示にします
  • 等々。

この問題に最善の方法でアプローチするにはどうすればよいですか?

ありがとう!

4

1 に答える 1

2
<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();
});
于 2013-10-14T11:16:47.573 に答える