slide-in 요소에서 다른 요소를 비껴간 채로 이동하는 방법은 무엇입니까?

Question

웹 앱 상단에 작은 툴바가 있습니다. 그 중 하나를 클릭하면 수평 슬라이더가 슬라이드되어 이미지 밝기를 제어합니다. 그러나 그 오른쪽에있는 다른 아이콘들은 슬라이더를 볼 수있는 공간을 마련하기 위해 도중에 튀어 나와 보이지 않게 뒤로 미끄러질 때 뒤로 뛰어옵니다.

점프하는 대신 다른 아이콘을 사용하여 공간을 만들려면 어떻게해야합니까?

Answer 1

가 애니메이션으로 시도 :

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

(left'ed. 아이콘은 모든 div의이 떠 있습니다) :

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

Answer 2

당신이 class보다는 id로를 정의하는 생각이 있나요? 예를 들어

:

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

등 ... 당신이 사업부의의 중 하나를 클릭

는 귀하의 슬라이더에 의해 호출 할 수 있습니다

이

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