javascript - 与JS冲突-指定第一个扩展器，而不是单击一个。

我有一个链接，单击后该链接会展开以显示div-但是，如果页面上有多个，则单击例如。第三，它将打开第一名。如何定位点击的对象而不是页面上的第一个/最高对象。

 $("body").on("click", ".show-hidden", function() {
var $link = $(this);
var $slidingElement = $($link.attr("href"));
if( !$slidingElement.is(':animated') ) {
  $link.toggleClass("shown");
      $slidingElement.slideToggle( 700 );
  }
return false;

最佳答案

JSFiddle：http://jsfiddle.net/TrueBlueAussie/j4wDL/1/

这个作品。您能解释一下您的布局与我提供的模型有何不同吗？

$(document).on("click", ".show-hidden", function () {
    var $link = $(this);
    var $slidingElement = $($link.attr("href"));

    if (!$slidingElement.is(':animated')) {
        $link.toggleClass("shown");
        $slidingElement.slideToggle(700);
    }
    return false;
});

最可能的原因是不正确的href，因为它们需要包含有效的JQuery选择器（例如href="#one"）