一个简单的,但我无法弄清楚.我有一个名为#title的链接,当你点击它时,它会切换一个名为#content的div.这很好用,但另外我在我的#title链接中添加了“active”类,即使使用removeClass也无法摆脱它.
请参阅上面的代码和示例链接(仅当扩展#content时标题应为红色,而不是所有时间).
$('#title').click(function() {
$(this).addClass('active');
$('#content').toggle();
}),function() {
$(this).removeClass('active');
};
解决方法
您可以使用toggleClass函数以及切换.
$('#title').click(function() {
$(this).toggleClass('active');
$('#content').toggle();
});
或者,您可以使用更强大的版本,以确保在内容可见时添加类,否则将其删除.
$('#title').click(function() {
$('#content').toggle();
if ($('#content:visible').size() != 0)
{
$(this).addClass('active');
}
else
{
$(this).removeClass('active');
}
});
