javascript - jQuery幻灯片兄弟元素

Question

所以我正在尝试使用 jQuery 来滑动元素。我使用同级 div 来触发动画，这确实有效，但是触发 div 不会随之滑动，我非常困惑为什么它不会，因为我见过的其他示例以零其他动画效果实现了这一点.

我用这个来做动画效果：

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

我在这里用一个完整的例子概述了这个问题：http: //jsfiddle.net/qcBz7/

谢谢！

Answer 1

我把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/