Jupiter - drupalビューでただ1つのノードに影響する方法

Question

drupalビューでノードをクリックすると、クリックしているノードではなく、ビュー内のすべてのノードのボディがトグルされます。私がクリックしているノードだけをjqueryで切り替えるにはどうすればいいですか？ここに私のノードテンプレート（ノード-type.tpl.php）

<script> 
$("button").click(function() { 
$(".more").toggle(); 
}); 
</script> 

と切り替えるべき身体のコードの頭の中で私のコードです。

<div class="more"><?php print $node->content['body']['#value']; ?></div> 

現在、それは私の全体のビューではなく、ちょうど私がクリックしていたノードでクラス「もっと」を持つすべてのdivを切り替えます。クリックしたノードだけに制限するにはどうすればよいですか？

一度に一人の人が開いていれば嬉しいです。すなわち、別のノードがクリックされると、前のノードの本体が閉じられます。

私はそれはおそらく簡単だと確信していますが、私はちょうどそれを把握するように見えることはできません...

Answer 1

どこ.moreに対するボタンがありますか？

ボタンは、あなたがこのような何かをしたい、.more要素である場合：

$("button").click(function() { 
    $('.more').hide(); 
    $(this).closest(".more").show(); 
}); 

ボタンが.moreの親または祖先ではない場合、あなたはもう少しを行う必要があります。ボタンが.more要素と同じ順序である（と無関係なボタンが存在しない）場合は、この操作を行うことができます。

$("button").click(function() { 
    $('.more').hide(); 
    $('.more').eq($('button').index($(this))).show(); 
}); 

をただし、あなたが持つ.moreコンテンツへのリンクボタンオフに優れていますidとhref、またはいくつかのjQueryのデータ：

<button class='morebutton' data-more="#more1">Button 1</button> 
<button class='morebutton' data-more="#more2">Button 2</button> 
<div class='more' id="more1">More Number 1</div> 
<div class='more' id="more2">More Number 2</div> 

スクリプト：

$(".morebutton").click(function() { 
    $('.more').hide(); 
    $($(this).data('more')).show(); 
}); 

デモ：http://jsfiddle.net/jtbowden/EfUxt/

jQuery UIタブなど、このような状況に役立つライブラリがあります。

Answer 2

おそらく、jQuery UIのタブhttp://jqueryui.com/demos/tabs/またはその他のjQueryタブのソリューションが必要です。