0

我有一个 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、脚本）

谢谢

4

1 回答 1

0

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

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

也更好地slideDown用于滑动效果

于 2012-12-15T06:10:17.177 回答