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 に答える