使切换仅打开主动单击的按钮,而不是全部切换

时间:2014-08-03 16:14:51

标签: javascript jquery html

现在我有一个切换,当你点击它时会打开每个名为' content'的切换。我怎样才能使肘节单独打开?

小提琴:http://jsfiddle.net/4N6xj/embedded/result/

$(document).ready(function(){
 var $content = $(".content").hide();
 $(".toggle").on("click", function(e){   
      $content.slideToggle(200);
  });
});

1 个答案:

答案 0 :(得分:2)

从点击的.content

中定位next() .toggle元素
$(document).ready(function(){
    $(".content").hide();

    $(".toggle").on("click", function(e){   
        $(this).next('.content').slideToggle(200);
    });
});

FIDDLE