1

a hrefリンクとjqueryを使用して、1つのdivを別のdivに置き換えたいと思います。これが私のセットアップです。

<div id="parent">
<div class="child1">Child 1 Contents</div>
<div class="child2">Child 2 Contents</div>
</div>
<div id="replacepagelinks">
     <a href="#1">Replace Child 1 with Child 2</a>
     <a href="#2">Replace Child 2 with Child 1</a>
</div>

jqueryを使用してこれを達成する方法を知っている人はいますか? <a href=#1"></a>また、選択時に非表示にして表示したいの<a href="#2"></a>ですが、可能であればその逆も可能ですか?

4

1 に答える 1

3

クリックした要素に基づいてコンテンツを非表示にする場合は、次のことを試すことができます。

$(document).ready(function(){
   $('#replacepagelinks a').click(function(){
       $(this).hide().siblings().show()
       var w = this.hash.replace('#', '');
       $('#parent div.child'+w).show().siblings().hide()
   })
})
于 2012-10-17T07:21:52.233 に答える