jQuery slide sibling元素

时间:2013-10-29 14:51:01

标签: 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/

谢谢!

1 个答案:

答案 0 :(得分: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/