Jquery 汉堡包和肩带碰撞

我在这段代码上尝试了无数次，但似乎不想工作。我在项目中结合了以下CSS和JavaScript库：

具体化；规范化图标；组成部分；汉堡包；现代化（习俗）；jQuery；Classie.js；sidebarEffects.js；还有甜心

以下是我遇到问题的代码片段：

<div class="sideMenu">
    <button class="hamburger hamburger--collapse" type="button" onclick="this.toggleClass('is-active);"></button>
    <div id="st-trigger-effects">
        <button data-effect="st-effect-11" class="hamburger">
            <span class="hamburger-box">
                <span class="hamburger-inner"></span>
            </span>
        </button>
    </div>
</div>

---

请帮忙，提前谢谢你

您正在进行以下操作：

<button class="hamburger hamburger--collapse" type="button" onclick="this.toggleClass('is-active);"></button>
<div id="st-trigger-effects">
    <button data-effect="st-effect-11" class="hamburger">
        <span class="hamburger-box">
            <span class="hamburger-inner"></span>
        </span>
    </button>
</div>

应该是：

<div id="st-trigger-effects">
    <button data-effect="st-effect-11" class="hamburger hamburger--collapse" type="button">
         <span class="hamburger-box">
             <span class="hamburger-inner"></span>
         </span>
     </button>
</div>

---

这将使汉堡正确转换为“处于活动状态”，但是，当您在动画状态之外单击时，它不会重置汉堡（因为您通过单击任何位置而不是汉堡来恢复非动画状态）。您需要查看该事件并确定将内容恢复到动画状态的回调函数，并通过删除is active类来重置汉堡图标。

您能提供完整的链接吗？当然，

<div id="st-trigger-effects">
    <button data-effect="st-effect-11" class="hamburger hamburger--collapse" type="button">
         <span class="hamburger-box">
             <span class="hamburger-inner"></span>
         </span>
     </button>
</div>