jquery slideToggle（）之后输入不起作用;

Question

我有以下代码：

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

我将使用此jquery动画的输入框：

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

为什么当我切换（隐藏）和再次切换（取消隐藏）时，我再也无法输入任何内容了？

但如果我在做同样的事情之前输入了某些东西，那么当我输入内容时，文字会消失，但会重新出现。

Answer 1

HTML

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

JS

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

Answer 2

用div包裹元素 并将overflow: hidden;添加到包装器div。