javascript - jQuery幻灯片同级元素

因此，我尝试使用jQuery滑动元素。我使用同级div来触发动画，它确实起作用，但是触发div不能与之一起滑动，并且我为何对其不满意，这是非常困惑的，因为我看到的其他示例使用零个其他动画效果实现了这一效果。 。

我将其用于动画效果：

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

我在一个完整的示例中概述了该问题：
http://jsfiddle.net/qcBz7/

谢谢！

最佳答案

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

关于javascript - jQuery幻灯片同级元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19661573/