我正在尝试使导航栏显示在一行中。为了提问,我创建了 this fiddle 。我想隐藏红色 divs
作为一个div
单击黑色到一侧 div
.所以我把所有的红色divs
合二为一<div class="box"></div>
并试图滑动盒子div
.但它搞砸了。它不会像火车那样走到一边,而是扩展到多行然后隐藏起来。我也可以滑动 divs
类slide
但它看起来像this .这不是我想要的,因为它会自己隐藏每一个。
最佳答案
这可能对你有用
FIDDLE
js:
state = true;
$('.clickMe').click(function () {
if (state) {
$("#inner").animate({
left: '-100px'
}, "slow");
state = false;
} else {
$("#inner").animate({
left: '0px'
}, "slow");
state = true;
}
});
html:
<div class="clickMe"></div>
<div id="outer">
<div id="inner">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
</div>
</div>
关于javascript - 将多个 div 作为一个滑动到一侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22895846/