javascript - 与 JS 冲突 - 以第一个扩展器为目标，而不是单击的那个。

Question

我有一个链接，点击时会展开以显示一个 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;

Answer 1

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"）