Jquery 当输入集中在切换的div中时，如何修复不需要的切换

我有一个div，当点击按钮时可以切换（显示/隐藏）。在div内部有一个输入字段，当单击输入字段时，它也会切换div

这是我的密码：

$(".button").click(function (e){
    e.preventDefault();
    $(".div-to-be-toggled").toggle("fast",function(){ 
        $(".input-field").focus();
        });
}); 

在CSS中，div设置为display:none

任何帮助都将不胜感激

---

谢谢

您必须在输入字段上添加一个单击事件，以防止其上的单击事件从其父字段冒泡

 $( ".input-field" ).click(function( event ) {
            event.stopPropagation();
 });