Jquery：动画高度

Question

我正在尝试使用 jQuery 为某些元素添加动画效果。 这些元素具有相同的类和 ID，因为元素中的信息是从数据库“获取”的。

我的问题是，当我单击元素时，所有隐藏的内容都会弹出，而我只想显示用户单击的信息。不是全部。

在我的脑海中，我得到了这个：

<script> 
    $(document).ready(function() {
        $("#new_user").click(function() {
            $(".new_users_box").animate({height: 'toggle' });
        });
    });
</script>

我正在制作动画的是：

while ($row = mysql_fetch_array($result))
{
    $thumb1 = $row['user_thumb1'];
    $new_id = $row['id'];
    $new_user = $row['username'];

    echo '<a id="new_user" class="box_round"
             style="background-color:#101010 !important;">'.$new_user.'</a>
          <div class="box_newest new_users_box" style="display:none;">
             <p>'.$new_user.'</p>
          </div>';
}

有谁知道我该如何解决这个问题？

Answer 1

您应该在点击处理程序中引用 $(this) 而不是 $('.new_users_box') 。 $(this) 将选择触发事件的元素，而选择一个类（前面用 . 标记的所有内容）可能会选择几个元素（这就是为什么它会向您显示所有元素）在你的情况下）。