我有一个侧面导航,用户可以单击链接,然后切换带有该部分选项的面板。我目前的问题是,当用户单击同一链接来隐藏面板时,我需要能够删除该类。
现在链接处于“事件”状态。当您从一个链接单击到另一个链接时,它工作正常,但如果有人希望隐藏菜单,我喜欢它也可以删除“事件”状态。 “事件”类在菜单上以青色突出显示。
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 切换 div 和切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12296745/