直接上代码 —–一个简单demo
样式部分
.active-false{
background-color: yellow;
}
.active-true{
background-color: yellow;
}
html代码
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
js代码
$('ul li').hover(function(){
$(this).addClass('active-true')
},function(){
$(this).removeClass('active-true');
})
$('ul li').click(function() {
$(this).removeClass('active-true').unbind('hover');
$(this).siblings().removeClass('active-false')
$(this).addClass('active-false')
});