javascript - Jquery slidedown 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 是不可能的。有什么方法可以让我在单击时仅获得与其各自的“slideclick”相同的 div 中的“slidedownonclick”以向下滑动。

任何帮助将不胜感激，

谢谢，

Answer 1

当 .slideclick 被点击时，这将滑下下一个 .slidedownonclick div:

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