所以我尝试使用 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,所以我也做了一些更改,你可以在 fiddle 中看到。
拉了一把 fiddle :http://jsfiddle.net/filever10/fXmDK/
关于javascript - jQuery 幻灯片同级元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19661573/