错误 - 滑出菜单脚本

Question

我正在尝试为此网站创建一个幻灯片菜单：

http://newdigitalguru.com/kckarchitects/

菜单适用于除主页之外的每个页面，我似乎无法弄清楚原因。脚本正在加载，它将应用“打开”类，但它立即删除它并给它“关闭”类，然后它不再工作。我遵循了这个教程：

http://www.dzyngiri.com/responsive-menu-using-trunk-js/

Answer 1

在您的主页上，您的HTML中包含以下代码（最后在<script>标记中）：

jQuery(document).ready(function($) {

    var items = $('.slideRight, .slideLeft');
    var content = $('.container');

    var open = function() {
        $(items).removeClass('close').addClass('open');
    }

    var close = function() { 
        $(items).removeClass('open').addClass('close');
    }

    $('#navToggle').click(function(){
        if (content.hasClass('open')) {$(close)}
        else {$(open)}
    });

    content.click(function(){
        if (content.hasClass('open')) {$(close)}
    });
});

不确定此代码是否放在这里调试或测试其他内容，但它实际上打破了您的滑动菜单。如果您删除或注释掉此代码，主页将按预期工作。

您会注意到此代码仅存在于主页上。