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)将选择触发事件的元素，而选择一个类（前面标有。的所有内容）可能会选择几个元素（这就是为什么它会在你的情况下显示所有元素）。 / p>

Jquery：动画高度

1 个答案: