我想在两个按钮(跨度)之间切换 - (一个元素处于活动状态,而另一个元素不处于活动状态,反之亦然)。
这里的问题是主要元素实际上从未失去绑定,即使我从中删除了类。其他元素也会发生同样的事情,只是效果相反。
HTML:
<span id="ch1">First</span>
<br />
<span id="ch2" class="action">Second</span>
CSS:
body {
font-size:20px;
font-weight:bold;
}
.action {
cursor:pointer;
font-size:14px;
}
JS:
$('.action').on('click',function(){
$('#ch1,#ch2').toggleClass('action');
});
小提琴:http : //jsfiddle.net/n2WUn/