jquery - 点击后搜索栏

Question

我试图在导航菜单旁边放置一个搜索按钮，单击它会弹出导航菜单下方的搜索栏。基本上会像下面的图片:

正常状态

点击后

是否有任何教程可以帮助我实现这一目标？谢谢你!

Answer 1

试试这个:

JS:

$(document).ready(function(){
  $ ("#searchForm"). hide ();
  $("#searchButton").click(function(){
       $("#searchForm").show();
  }); 
});

HTML: <form id="searchForm">myForm</form>
<input type="submit" id="searchButton"/>