Jquery 如何使其他元素滑动，而不是跳出一个滑入元素的方式？

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

我如何让其他图标与其一起滑动以腾出空间，而不是跳跃

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

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

尝试使用动画：

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

---

您是否考虑过使用

类而不是
id来定义它们

例如：

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

请提供fiddle HTML代码或fiddle请：）
$('.slider').toggle("slide", 300);