向下滑动点击事件jQuery搜索框答案

【问题标题】：slide down click event jQuery searchbox向下滑动点击事件jQuery搜索框
【发布时间】：2013-10-14 19:44:17
【问题描述】：

在浏览器窗口 550px 宽度（移动视图）上：

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

这里是我的点击事件：

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

        });

这是我的测试站点：

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

【问题讨论】：

您的函数中实际上没有任何代码...您查看过jQuery documentation 的slideToggle 吗？那里有完整的示例，可以准确地为您提供所需的内容。
jQuery("#search_icon").click(function(){ $('.search_mobil').slideToggle(); });
但是效果不好;(
如果您告诉我们哪个部分不起作用，将会有所帮助。你能提供一个你尝试过的小提琴吗？我刚刚创建了一个here，它似乎可以工作。

【解决方案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();
});

【讨论】：