1

だから私はjQueryを使って要素をスライドさせようとしています。私は兄弟divを使用してアニメーションをトリガーしますが、これは機能しますが、トリガーdivはそれと一緒にスライドしません.私が見た他の例では他のアニメーション効果なしでこれを達成しているので、なぜそうしないのかについて非常に混乱しています. .

私はアニメーション効果のためにこれを使用しています:

$('.toggle').unbind('click').click(function(event) {
    $(this).siblings('.content').animate({'width': 'toggle'}, 200, 'swing');
    event.stopPropagation();
});

ここで完全な例で問題の概要を説明しました: http://jsfiddle.net/qcBz7/

ありがとう!

4

1 に答える 1

0

js を次のように変更しました。

var go = true;
$('.toggle').on('click', function(event) {
    if (go) {
        $(this).parent('.box').animate({marginRight: '0px'}, 200, 'swing');
        go = false;
    } else if (!go) {
        $(this).parent('.box').animate({marginRight: '-100px'}, 200, 'swing');
        go = true;
    }
    event.stopPropagation();
});

変更が必要な場合はお知らせください。

あなたの最大の問題は css だったので、そこにもいくつか変更を加えました。フィドルで確認できます。

フィドルを作った:http://jsfiddle.net/filever10/fXmDK/

于 2013-10-29T15:23:28.593 に答える