触发事件时，jquery animate 事件会自动关闭答案

【问题标题】：jquery animate event is auto closing when event is triggered触发事件时，jquery animate 事件会自动关闭
【发布时间】：2012-12-15 06:03:09
【问题描述】：

我有一个 drupal 6.x 站点，但 jquery 有问题。

$(document).ready(function() {
    $('#fbToggle').click(function() {
        if ($('#feedback .title').is(":#780F2C")) {
            $('#feedback').css({
                'padding': '50px 50px 0',
                'left': '100px'
            });
            $('#feedback .title').css({
                'background-color': '#393939'
            });
        } else {
            $('#feedback').css({
                'padding': '0',
                'left': '150px'
            });
            $('#feedback .title').css({
                'background-color': '#780F2C'
            });
        }
        $('#fbInner').animate({
            display: 'toggle',
            height: 'toggle'
        }, 300, function() {
            // Animation complete.
        });
    });
});

我在 div 的点击事件上有一个动画效果触发器，但是当动画完成时，它会关闭而不是保持打开状态；显示切换无 -> 块 -> 无，一键点击。

我在 JSFiddle http://jsfiddle.net/N3wkT/7/ 上拥有所有代码（HTML、CSS、脚本）

谢谢

【问题讨论】：

标签： jquery jquery-ui drupal jquery-animate

【解决方案1】：

display 属性是不可动画的，所以 div 的高度会增加，并且在动画结束时，显示会从块变为无。从动画中删除显示解决了这个问题。

http://jsfiddle.net/N3wkT/8/

滑动效果最好使用slideDown

【讨论】：