样式如下:
html
<!--导航-->
<div class="nav-box">
<div class="nav-tap">
<div onclick="materials()" class="nav-tap-item red">一级</div>
<div onclick="second()" class="nav-tap-item">二级</div>
</div>
</div>
<!--导航结束-->
css:
.red {
float: left;
color: red;
font-weight: bold;
border-bottom: 2px solid red;
}
js:
<!--小导航问题-->
<script type="text/javascript">
$('.nav-tap div').on('click', function () {
$(this).addClass("red").siblings('.nav-tap div').removeClass("red") //定位到点击的标签后,为其增加css样式,同时兄弟元素删除原来的样式
});
</script>
<!--结束小导航-->