jquery - 如何让其他元素滑动而不是跳出滑入元素的方式？

Question

我的网络应用程序顶部有一个小图标工具栏。其中一个在单击时会滑出水平滑块以控制图像亮度。但是它右侧的其他图标会跳出来为滑入视野的滑块腾出空间，然后在滑回视线之外时再跳回来。

如何让其他图标随之滑动以腾出空间，而不是跳跃？

    $('#contrastSlider').slider();
    $('#contrast').click(function() {
        $('#contrastSlider').toggle("slide", 300);
    });

（图标都是 div，float:left'ed。）

score 1 · Accepted Answer

尝试使用动画：

$('#contrast').click(function() {
    $('#contrastSlider').animate({left: $('heredivid').width()}, 300);
});

score 0 · Accepted Answer

您是否考虑过用 aclass而不是a 来定义它们id？

例如：

<div class ="slider">stuff</div>
<div class ="slider">more stuff</div>

ETC...

当您单击其中一个 div 时，您的滑块可以通过以下方式调用：

$('.slider').toggle("slide", 300);

2 回答 2