Javascript 简单jQuery动画不工作

谁能帮我解决这个问题，我还缺什么

<script type="text/javascript"> 

  $('#loginButton').click(function() {
     $('#toplogin').animate({
       height: '0px'
     });
  });
</script>

我希望动画影响的div如下所示：

div id="toplogin"> <!-- more stuff -->  </div>

div id=“toplogin”>

删除高度后的分号：“0px”以使JavaScript有效

<script type="text/javascript">
  $('#loginButton').click(function() {
     $('#toplogin').animate({ height:'0px' });
  });
</script>

---

删除

高度后的分号：“0px”

以使JavaScript有效

<script type="text/javascript">
  $('#loginButton').click(function() {
     $('#toplogin').animate({ height:'0px' });
  });
</script>

试试这个：

$('#loginButton').click(function() {
    $('#toplogin').animate({
        height: 0
    },
    function() {
        $(this).css('display', 'none');
    });
});

试试这个：

$('#loginButton').click(function() {
    $('#toplogin').animate({
        height: 0
    },
    function() {
        $(this).css('display', 'none');
    });
});

---

您应该将代码包装为以下结构，以使其作为jQuery代码有效：

$(document).ready(function(){
    your code;
})

---

您应该将代码包装为以下结构，以使其作为jQuery代码有效：

$(document).ready(function(){
    your code;
})

---

在对象内部的高度线之后不需要分号。否则看起来没问题，您确定正在启动

.click（）

？你肯定有那些ID的元素吗？CSS会导致问题吗？在对象内部的高度线之后不需要分号。否则看起来没问题，您确定正在启动

.click（）

？你肯定有那些ID的元素吗？是否有CSS导致问题？这应该可以工作。。。只有从css中隐藏元素时，它才起作用。@user775736:添加了额外的信息来回答它似乎不起作用的原因。这应该起作用。。。只有从css中隐藏元素时，它才起作用。@user775736:添加了额外的信息来回答它似乎不起作用的原因。@user775736我已测试，代码不起作用。这可能行得通。我还使用css将

height:0px

设置为

div

，它不会隐藏内容。为什么我不知道。如果有人有任何建议，请分享。@user775736我已经测试过了，但代码不起作用。这可能行得通。我还使用css将

height:0px

设置为

div

，它不会隐藏内容。为什么我不知道。如果有人有任何建议，请分享。