示例代码如下:
据我了解,您需要能够在每个部分中选择单个选项.active
在css中只使用一个类并更改样式:
HTML:
<div class="box">
<div id="banks">
<ul>
<li class="active">Bank1</li>
<li>Bank2</li>
</ul>
</div>
<div id="buttons">
<ul>
<li class="active">USD</li>
<li>EURO</li>
</ul>
</div>
</div>
JS:
$(document).ready(function(){
$('.box li').click(function() {
$(this).siblings('li').removeClass('active');
$(this).addClass('active');
});
});
CSS:
.box li { cursor:pointer; }
#banks .active { color:red; }
#buttons .active { color:blue; }
全部评论