该部门正在显示的内容

Question

我正在显示一个部门的搜索框，我正在使用隐藏和显示脚本。但是当我点击显示搜索按钮显示在下面可用的内容。

<div id="showmenu">Advance Search</div> 
<div class="menu" style="display: none;"><ul><li><esr-layout:search advancedSearchHref="#" /></li></ul></div> 

脚本是在这里

$(document).ready(function() { 
    $('#showmenu').click(function() { 
      $('.menu').slideToggle("fast"); 
    }); 
}); 

我想滑动移动下面的内容同时显示搜索框。

Answer 1

我认为你需要在显示搜索框时下滑底部内容。然后你必须将搜索框的位置从绝对变为相对。

.menu{ 
    position : relative; 
} 

试试这个