像使用CSS

Question

在下拉列表按鈕和文本框多個控件我在我的項目中的兩個要求。首先，當我點擊按鈕時，div應該是可見的和不可見的。我已經實現了使用JQuery，如此鏈接所示。 Jsfiddle

現在第二個要求是，我在第一種情況下打開div，現在我必須打開相同的方框，但是作爲下拉列表。這意味着，如果我點擊下拉Filter，這個框鏈接應該打開給出，它應該在它覆蓋如果事情，像我的情況下，我有網格。所以下拉應該覆蓋這個網格，但不能取代它。我搜索了它，但沒有找到任何合適的解決方案。我只需要控制這將做魔術。不是完整的代碼。

如有需要澄清。請給出意見。謝謝。

Answer 1

註釋掉我所添加的代碼。請參閱fiddle。 首先，你需要設置position: absolute然後添加JS來定位按鈕下方的下拉列表。

JS

$(document).ready(function() 
    { 

     $('#btn').live('click', function (event) 
     { 

      $('#div1').toggle('show'); 

     }); 
     // added the following script 
     var offH = $('#btn').outerHeight(); 
     var offT = $('#btn').offset().top + offH; 
     var offL = $('#btn').offset().left; 
     $('#div1').css('top', offT+"px").css('left', offL+"px"); 
    }); 

CSS

#div1{ 
     display:none; 
     position: absolute;  /* ADDED THIS LINE */ 
    }