特定のコンテンツへのJqueryリンクボタン

Question

私はアコーディオンのコンセプトに似たコンセプトを持っています。私はボタンをクリックすると、特定のIDを持つdivをスライドさせます。私はページのこれらの3つを持っています。正しいdivを自動的に選択して滑り落ちる機能を作成するにはどうすればよいですか？

これを実現するには、プラグインでrel属性を使用しています。実際のJqueryコードでは、どのようにこれを達成するでしょうか？

例：コード：

<a rel="#c1">slide 1</a> 
<a rel="#c2">slide 2</a> 
<div id="c1"></div> 
<div id="c2"></div> 

Answer 1

あなたはもう少し派手な取得したい場合は、

$("a").click(function() { 
    var divSelector = $(this).attr("rel"); 
    $(divSelector).slideDown(); 
}); 

ような何かを行うことができ、あなたは可能性がグループアイテム一緒に（またはそれらにクラスを与える）と、次のようなことをして、他のコンテナを上にスライドさせます。 divのための

<div id="sliders"> 
    <a rel="#c1">slide 1</a> 
    <a rel="#c2">slide 2</a> 
</div> 
<div id="slidees"> 
    <div id="c1"></div> 
    <div id="c2"></div> 
</div> 

$("#sliders a").click(function() { 
    var divSelector = $(this).attr("rel"); 
    $("#slidees div").not(divSelector).slideUp(); 
    $(divSelector).slideDown(); 
}); 

Answer 2

ショーン

利用クラス、あなたは上記のコードは、同じクラス名を持つすべての要素に適用されます。この

$('.other').click(function() { 

}); 

ような何かを行うことができるように。

Answer 3

$('a').click(function() { 
    var target = $(this).attr('rel'); 
    $(target).toggle(); 
});