我正在尝试制作一个响应式搜索栏，该搜索栏将放置在台式机和移动设备的其他位置。
我用display: none和display: block以及相同的jQuery代码构建了两个具有不同ID的差异搜索栏。
我有一个问题：
-如果我单击搜索图标以外的其他部分，搜索输入将不再关闭。使用一个搜索栏，当我单击任意位置时，输入将自动关闭。
有一个搜索栏：codepen.io/anon/pen/Adgpf
有两个搜索栏：codepen.io/anon/pen/ceHmn
最佳答案
您两次触发此事件，这会反转isOpen ..然后第二次单击将其反转：
submitIcon.click();
因此只需触发其中之一即可避免双重反转：
submitIcon.eq(0).click();
它有效
演示：http://codepen.io/anon/pen/baekD
这是最简单的解决方案。您的代码可以使用一些重构。