javascript - 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”向下滑动。这很好用，但是我从 mysql 数据库中在同一个网页中重复出现了这些 div 的数量不定。给他们唯一的 ID 是不可能的。有什么方法可以让我在单击时仅将同一 div 中的“slidedownonclick”与其各自的“slideclick”滑下来。

任何帮助将不胜感激，

谢谢

Answer 1

当单击 .slideclick 时，这将向下滑动下一个 .slidedownonclick div:

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