Question

我有一个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的click事件上有一个动画效果触发器，但是当动画完成时，它会关闭而不是保持打开状态;显示切换无 - ＆gt;块 - ＆gt;没有一击。

我在JSFiddle http://jsfiddle.net/N3wkT/7/

上有所有代码（HTML，CSS，Script）

由于

Answer 1

display属性不可动画，因此div的高度增加，并且在动画结束时，显示从块到无的变化。从动画中删除显示可以解决问题。

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

最好使用slideDown进行滑动效果

触发事件时，jquery animate事件将自动关闭

1 个答案: