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

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

Answer 2

HTML

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

JS

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