0

Webアプリの上部にアイコンの小さなツールバーがあります。そのうちの1つをクリックすると、水平スライダーがスライドして画像の明るさを制御します。ただし、その右側にある他のアイコンは、スライドして表示されるスライダー用のスペースを確保するために邪魔にならないようにジャンプし、スライドして見えなくなったときにジャンプして戻ります。

ジャンプする代わりに、他のアイコンをスライドさせてスペースを作るにはどうすればよいですか？

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

（アイコンはすべてdiv、float：left'edです。）

4

2 に答える 2

1

アニメーションで試してください：

$('#contrast').click(function() {
    $('#contrastSlider').animate({left: $('heredivid').width()}, 300);
});
于 2013-03-12T18:03:54.350 に答える
0

classではなくでそれらを定義することを検討しましたidか？

例えば：

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

等...

divのいずれかをクリックすると、スライダーを次のように呼び出すことができます。

$('.slider').toggle("slide", 300);
于 2013-03-12T18:08:45.210 に答える