jquery - 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

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