Question

大家好日子，我正在研究我的考试项目，正在建立一个移动菜单。它正在工作，但遗憾的是关闭菜单切换搜索切换并在关闭菜单时显示此div，这很快就会很烦人。

我的javascript是;

$(document).ready(function(){
        $(".search").click(function(){
            $(".searchbar").toggle({ direction: "left" }, 500);
        });

        $(".searchmenu").click(function(){
            $(".searchfieldmenu").toggle({ direction: "left" }, 500);
        });

        $(".hamburger").click(function(){
            $(".mobilenavigation").toggle({ direction: "left" }, 500);
            $(".hamburger").toggle({ direction: "left" }, 500);
            $(".hamburgerclose").toggle({ direction: "left" }, 500);
        });

        $(".hamburgerclose").click(function(){
            $(".mobilenavigation").toggle({ direction: "left" }, 500);
            $(".hamburger").toggle({ direction: "left" }, 500);
            $(".hamburgerclose").toggle({ direction: "left" }, 500);
        });
    });

这里可以找到一个当前的工作示例（由于考试规定，我不愿共用笔，但随时可以检查！）

https://codepen.io/Puffss/project/editor/DWqbbX/

重新创造问题;
- 移动视口
- 打开75x75 div的菜单
- 确保搜索栏（菜单中的顶部项目）已关闭
- 菜单旁边有50x50 div的关闭菜单

当菜单关闭时，您会看到顶部的搜索栏开头

Answer 1

.hamburger和.hamburgerclose中的链接包含.search类，这会导致您的第一个事件处理程序被触发。

执行以下操作

删除.search和.hamburger

.hamburgerclose

更具体一点：将toggle()替换为hide()和show()以确切了解您的功能

在此处查看工作结果： https://codepen.io/dvdglth/project/editor/AKjwVX/

切换切换另一个切换

1 个答案: