我有一个侧面导航,用户可以单击链接,然后切换带有该部分选项的面板。我目前的问题是,当用户单击同一链接以隐藏面板时,我需要能够删除该类。

现在,链接处于“活动”状态。当您从一个链接单击到另一个链接时,它可以很好地工作,但是如果有人希望隐藏菜单,则id可以删除“活动”状态。 “活动”类别在菜单上显示为青绿色。

jsFiddle:http://jsfiddle.net/visualdecree/4A23Z/11/

jQuery的:

$(".sn a").on('click',function(){

    var panID = $("#" + $(this).data('panel') );

    $("div[id*='sn-pan-']")
    .stop()
    .hide({slide:'toggle'}, 400);

    $(panID)
    .css({'left' : '100px','overflow':'visible'})
    .stop()
    .animate({width:'toggle'}, 400)
});

$('.sn').click(function(){
    $('ul.sidenav li').removeClass('active');
    $(this).stop(true,true).addClass("active");
});​

最佳答案

您可以从removeClass函数中排除单击的项目,然后像这样切换它

从下面提供的jsFiddle更改。

$('.sn').click(function(e) {
    $('ul.sidenav li').not(this).removeClass('active');
    $(this).stop(true, true).toggleClass("active");
});

关于jquery - jQuery切换div和切换类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12296745/

10-12 12:59
查看更多