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) 将选择触发事件的元素，而选择一个类（前面标有 . 的所有内容）可能会选择几个元素（这就是为什么它会在您的案例中显示所有这些元素的原因）。