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

Question

我有一个链接，单击时会展开以显示 div - 但是，如果我在页面上有多个 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")