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

Question

尊敬的人们....

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

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

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

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

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

非常感谢...

问候

Answer 1

假设这就是你想要的..

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

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

并将此添加到您的 CSS

#expandbox{
  display:none;
}

fiddle here