从其他点击事件中调用点击事件功能中的内容？

Question

我有一个点击事件，可以在屏幕较小时控制滑出菜单。当用户单击菜单图标时，菜单滑出。当菜单可见时，菜单图标将转换为结束十字，如果用户点击它则向后滑动。工作完美，但当用户点击某些菜单项时，我应该如何使用此代码切换类和动画以将其滑回？

我应该将幻灯片放在/切换/动画中的单独功能中，以便能够调用几个点击事件吗？什么是最好的选择？我的问题很复杂，请问一些事情是否不清楚？

编辑：

这比我想象的要复杂得多！我已经测试过将代码放在函数中，但后来我发现toggleClass失败了。我想要的是能够从移动菜单图标处理菜单的打开和关闭，以及当用户点击其中一个菜单项时。确实可以帮助解决这个问题，或者是否有办法改进此代码或找到其他解决方案。

这是我正在使用的脚本：

    // Slideout Menu
$("#main-menu-mobile-btn").on("click", function(event) {

    event.preventDefault();

    var slideoutMenu = $(".slideout-menu");
    var slideoutMenuWidth2 = $(".slideout-menu").width();

    slideoutMenu.toggleClass("open");

    if (slideoutMenu.hasClass("open")) {
        slideoutMenu.animate({
            left: "0px"
        });
        menuControl = true;
        // Change icon
        $("#mobileMenuIcon").attr("src","wp-content/themes/test/images/mobileMenuBtnClose.png")
    }
    else {
        slideoutMenu.animate({
            left: -slideoutMenuWidth2
        }, 250);
        // Change icon
        $("#mobileMenuIcon").attr("src","wp-content/themes/test/images/mobileMenuBtnOpen.png")
    }
});