向下滑动单击事件jQuery搜索框

Question

浏览器窗口上的

550px宽度（移动视图）：

我将实施：如果我点击搜索图标，搜索输入会向下滑动，如果我再次点击搜索图标，搜索输入会向上滑动，我看不到这一点。

这是我的Click事件：

jQuery('#searchbutton').click(function(){

        });

这是我的Testsite：

http://devel.hoevermann-gruppe.de/

示例（550px宽度浏览器窗口）：www.microsoft.com

Answer 1

使用此代码：

HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<a href="#">Click</a><br>
<input id="toggle" type="text">

CSS：

#toggle{
    display:none;
}

JQuery的：

$("a").click(function(){
  $("#toggle").slideToggle();
});

jsFiddle