0

クリックされたコンテンツの切り替えに問題があります.2つのアイテムは同一であり、1つのアイテムをクリックすると、クリックされていない他のアイテムもトグルします.クリックされたものを特定するために使用できる手法はありますか?アイテムはトグルでき、もう一方は影響を受けない?.

jfiddle http://jsfiddle.net/dNt9e/の例を次に示します。

4

4 に答える 4

4

私はあなたのフィドルを更新しました。ここをチェックしてください - 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("-");
}
于 2012-05-13T12:02:47.893 に答える
1

試す

$(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/

于 2012-05-13T12:07:48.733 に答える
0

jQuery(#id1).click(function() { // Your code to toggle })要素に異なるIDを与えてから、両方のIDに対して、他の要素と同様にクリックイベントで呼び出されるトグルの2つの異なる関数を記述します

于 2012-05-13T11:59:55.617 に答える
0

イベントでトグルを使用します$(this)。

$(this) は、イベントを発生させる要素を意味します。

于 2012-05-13T12:02:38.133 に答える