Jquery在div中滑动了一个元素

Question

我有这样的div：

<div>
  <font class='slideclick'>Click here to slidedown dynamic content</font>
  <div class='slidedownonclick'> This is the content that slides down </div>
</div>

单击“slideclick”时，Jquery会触发'slidedownonclick'到slidedown。这很有用，但是我在同一个网页上从mysql数据库中获得了这些div的无限量。赋予他们独特的身份是不可能的。有没有什么方法可以让我只能在同一个div中获得'slidedownonclick'，就像点击它时各自的'slideclick'一样滑落。

非常感谢任何帮助，

感谢，

Answer 1

在.slideclick处理程序上，您会找到兄弟姐妹：

$(this).find('+ .slidedownonclick');

或：

$(this).next('.slidedownonclick');

Answer 2

当点击.slidedownonclick时，这会向下滑动下一个.slideclick div：

$('.slideclick').click(function() {
    $(this).next('.slidedownonclick').slideDown();
});

Answer 3

$('.slideclick').click(function() {
 $(this).next('.slidedownonclick').animate({
    height: '+=50'
  }, 1000);
});

Answer 4

检查jQuery.next()，这是你想要的 使用它你可以得到下一个sibbling哪个class / id是选择器 的编辑：

直到jQuery 1.6.4

   jQuery(document).delegate('font.slideclick', 'click', function() {
        jQuery(this).next('slidedownonclick').slideToggle();
    });

jQuery 1.7 +

jQuery(document).on('click', 'font.slideclick', function() {
    jQuery(this).next('slidedownonclick').slideToggle();
});