2つの同一アイテムでクリックされた内容を知る方法

Question

クリックしたコンテンツを切り替える際に問題が発生しています.2つのアイテムが同一で、1つのアイテムをクリックすると、クリックされなかったアイテムも切り替わります。私は、クリックされたアイテムがトグルできるように、そして、他のアイテムは影響を受けないように、何がクリックされたのかを識別するために使用することができます。ここで

はjfiddle http://jsfiddle.net/dNt9e/に

Answer 1

私はあなたのフィドルを更新した、ここで確認してください - http://jsfiddle.net/57vsn/4/

を基本的にはどのような変わったのは、次のとおりです。

if($('.toggleContent', $(this).parent()).is(':visible')){ 
    $('.toggleContent', $(this).parent()).hide("slow"); 
    $('.green', $(this).parent()).val("+"); 
} else { 
    $('.toggleContent', $(this).parent()).show("slow"); 
    $('.green', $(this).parent()).val("-"); 
} 

Answer 2

あなたの要素異なるIDを与え、その後、両方のIDのは、他のellement

Answer 3

使用するためjQuery(#id1).click(function() { // Your code to toggle })と同じようにクリックイベントで呼び出されるトグルの2つの異なる機能を記述する例ですイベントの$(this)のトグル。

$（これ）は、イベントを発生させる要素を意味します。

Answer 4

ごとに異なるIDを持って

$(function(){ 
    $('.togglenav').click(function(e){ 
     if($(this).closest('.toggleContainer').find(".toggleContent").is(':visible'){ 
      $(this).closest('.toggleContainer').find(".toggleContent").hide("slow"); 
      $('.green',this).val("+"); 
     } else { 
      $(this).closest('.toggleContainer').find(".toggleContent").show("slow"); 
      $('.green',this).val("-"); 
     } 

    }); 
}); 

http://jsfiddle.net/dNt9e/2/