JQuery扩展了页面上的所有div

Question

一个div工作正常，但是当使用多个div时，它们都会同时扩展。

这里1x http://jsfiddle.net/uPzXh/1/

这里2x http://jsfiddle.net/uPzXh/

Answer 1

怎么样：

jQuery(document).ready(function() {
   jQuery(".lol").hide();
   jQuery(".lollink").click(function() {
      jQuery(this).prev().slideToggle(500);
      jQuery(this,".new").hide();
  });
});

根据规范，不允许div中的BTW a。

Answer 2

在第二个示例中，您有一个具有相同类名的div两次。所以这行代码：

jQuery(".lol").slideToggle(500);

正在做你告诉它做的事情..打开所有类名为lol的元素。 将第二个div的类更改为lol2将解决此问题。

Answer 3

我认为你需要在点击功能中使用$(this)而不是$('.lol')

demo

Answer 4

我认为你要找的是在点击一个链接时扩展一个div（不是一个接一个地扩展）。如果这是对的，你可以这样做：

jQuery(".lollink").click(function() {
    jQuery(this).hide().parent().find(".lol").slideToggle(500);
});

这隐藏了被点击的元素，获取了父元素，找到了具有类.lol的元素的后代，并在其上切换了幻灯片。

查看更新的小提琴here。