입력 필드를 버튼 아래로 이동

Question

어떻게 설정해야합니까? 다음은이 예입니다. http://jsfiddle.net/VBS4E/25/

버튼 바로 아래에서 입력 필드를 이동하는 좋은 방법은 무엇입니까? 이처럼 :

________ __________ __________ 
| Btn#1 | | Btn#2 | | Btn#3 | 
________ _________ __________ 

때 щࣉ = # 2를 클릭

________ __________ __________ 
| Btn#1 | | Btn#2 | | Btn#3 | 
________ _________ __________ 
       _____________ 
     Label: |_____________| 

Answer 1

당신은 버튼의 위치를 ​​가져온 다음 절대적으로 아래에있는 필드의 위치를 ​​CSS를 사용할 수 있습니다. 상단에 20을 추가 했으므로 버튼 아래 20px가됩니다.

$(function(){ 
    $('div#Adv').hide();  
    $('.toggle-link').click(function(e){ 
     var pos = $(this).position(); 
     e.preventDefault(); 
     $('#Adv').css({ 
      position: "absolute", 
      top: pos.top + 20 + "px", 
      left: pos.left + "px"}).toggle('show'); 
    }); 
}); 

DEMO