jquery slideToggle（）后输入不工作;

问题描述：

<input type="text" value="" placeholder="Code" name="Subj_code" id="Subj_code" style="width:100%;">

一个输入框，我将动画使用这个jQuery：

$("input[type=text]").slideToggle(200);

那为什么当我切换（隐藏），并再次切换（取消）我不能再输入任何东西了？

但是如果我在做同样的事情之前输入一些内容，文本将会消失，但是当我输入内容时会重新出现。

您究竟如何将焦点集中到隐藏元素？ – Daedalus 2013-03-09 05:05:37

你正在测试什么浏览器。它在FF mac中工作... http://jsfiddle.net/cYfeA/ – 2013-03-09 05:06:48

尝试在div中包装输入并将动画应用到容器div – 2013-03-09 05:07:21

答

裹了div 的元素，并添加overflow: hidden;到包装DIV。

答

HTML

<div> 
    <input type="text" value="" placeholder="Code" name="Subj_code" id="Subj_code" style="width:100%;"> 
</div>

$("div").slideToggle(200);