我是jQuery的初学者,我想将背景颜色更改为活动菜单项,但是我不知道怎么做。如果我选择了一些项目背景将改变,但如果我选择另一个项目,在以前的项目中保持不变的“活动背景颜色”,我想要更改回默认的颜色,只有活动菜单项才会被更改。
这是静态菜单,但我将重建它为动态菜单从数据库,以便我可以使用一些id或任何东西,将是独特的每个菜单项。
我有这个是因为我不知道下一步怎么做:
$('#accordian h3').click(function () {
$(this).addClass("active1")
});
完整的源代码在这里http://jsfiddle.net/BERRF/。用小提琴作答最好。先谢了。
发布于 2013-08-08 06:55:26
添加:
$("#accordion h3").removeClass("active1");
你可以在小提琴上看到。另外,你不需要2个点击事件,你可以组合它们。
http://jsfiddle.net/sx2Z7/
在再次设置所有active1类之前,您只需从每个h3中删除它,因此只有当前活动的类才具有白色的背景颜色。
很清楚或者有什么问题吗?)
发布于 2013-08-08 06:56:46
从“重置”前面选择的元素开始:
$('#accordian h3').click(function () {
$('.active1').removeClass('active1');
$(this).addClass("active1")
});
这应该能起作用。
发布于 2013-08-08 06:57:21
试一试,先删除类active1
,然后添加
$('#accordian h3').click(function () {
$('#accordian h3').removeClass("active1")
$(this).addClass("active1")
});
小提琴
https://stackoverflow.com/questions/18119632
复制相似问题