javascript - 将多个 div 作为一个滑动到一侧

Question

我正在尝试使导航栏显示在一行中。为了提问，我创建了 this fiddle 。我想隐藏红色 divs作为一个div单击黑色到一侧 div .所以我把所有的红色divs合二为一<div class="box"></div>并试图滑动盒子div .但它搞砸了。它不会像火车那样走到一边，而是扩展到多行然后隐藏起来。我也可以滑动 divs类slide但它看起来像this .这不是我想要的，因为它会自己隐藏每一个。

Answer 1

这可能对你有用

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>