我试图制作一个可以折叠较早展开的菜单的菜单,但我无法使其正常工作。

var currentId;

$(document).ready(function () {
    $(":range").rangeinput({
        progress: true
    });

    /* Slide Toogle */
    $("ul.expmenu li > div.header").click(function () {
        var arrow = $(this).find("span.arrow");

        if (arrow.hasClass("up")) {
            arrow.removeClass("up");
            arrow.addClass("down");
        } else if (arrow.hasClass("down")) {
            arrow.removeClass("down");
            arrow.addClass("up");
        }

        $('#' + currentId).parent().find("ul.menu").slideToggle();
        $(this).parent().find("ul.menu").slideToggle();
        currentId = $(this).attr('id');
    });
});


您可以通过以下地址找到主页:http://admin.dq.se/kramers/nyamenyer.html

因此,如果我按“ BIL”,我希望“ BIL”展开..然后,如果我按“ MC”,我希望BIL折叠而MC展开。谢谢您的帮助!

最佳答案

向下滑动之前先向上滑动一切

$("ul.expmenu li > div.header").click(function () {

 $(this).parent().siblings().find('ul.menu').slideUp();
 $(this).parent().siblings().find('span.arrow').removeClass('up').addClass('down');

....

});

关于javascript - 我的菜单溢出了空间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15161187/

10-09 14:25