javascript - 使用 jQuery .animate 制作搜索框动画

标签 javascript jquery css forms jquery-ui

尊敬的人们....

我正在处理我的应用程序的搜索组件......

http://jsfiddle.net/SkyKOG/K8utq/24/

input{
    display:none;
    width:0px;
    color:#999;
}

最初我只有一个搜索框,所以当前的功能是针对那个....但现在的要求是这样......

文本框应该被隐藏并且应该出现然后在点击搜索图标时展开......(尝试显示:无并且点击芽对我不起作用)......

非常感谢...

问候

最佳答案

假设这就是你想要的..

使用图标的点击事件来切换文本框...使用您的其余代码

 $('#searchinout').find('i').click(function(){
    $('#expandbox').toggle('slow');
});

并将此添加到您的 CSS

#expandbox{
  display:none;
}

fiddle here

关于javascript - 使用 jQuery .animate 制作搜索框动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17920663/

相关文章:

html - 边框半径 CSS3

javascript - 如何从 MVC Controller 访问 JSON 属性

php - 重新影响 div 使 jquery 表现得很奇怪

javascript - 停止重叠更大的词

jquery - javascript平滑后滚动效果

html - table 高度超过图片

javascript - 目标 Windows、Mac、Linux 等

javascript - 从 Javascript 中的字符串中删除括号

javascript - 向我的网站添加 Twitter 分享按钮

javascript - 输入焦点时 jQuery fadeIn div?