Javascript - 折叠无序列表中的链接不起作用

Question

我按照教程使用Javascript创建了一个折叠无序列表，并制作了一些列表项链接。问题是没有链接在点击上工作。我必须右键单击并在新选项卡中打开才能使其正常工作。

相关网页位于：http://tinyurl.com/nc62ht3 折叠列表中的链接位于：Firearms＆gt;配件与GT; Buttstocks

Answer 1

您应该从该段代码中删除return false;，因为它会阻止重定向链接。只要其他可点击的可扩展导航项不是锚点，您就可以将其删除。

function prepareList() {
    $('#expList').find('li:has(ul)')
     .click( function(event) {
    if (this == event.target) {
        $(this).toggleClass('expanded');
        $(this).children('ul').toggle('medium');
    }

    return false; // remove this
    })
    .addClass('collapsed')
    .children('ul').hide();
};

$(document).ready( function() {
     prepareList()
});