$(this).addClass("bg-color").siblings().removeClass("bg-color");
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>bootstrap</title>
<link rel ="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
<style type="text/css">
.bg-color{
display:block;
background:#1b93e9;
}
</style>
<script src="../js/jquery-1.7.2.min.js"></script>
<script src="../js/jquery-2.1.4.min.js"></script>
<!--<script src="../bootstrap/js/bootstrap.min.js"></script>-->
</head>
<body>
<div class=" btn-group btn-group-vertical">
<button class="btn btn-default" type="button">首页</button>
<button class="btn btn-default" type="button">公司架构</button>
<button class="btn btn-default" type="button">新闻</button>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" id="dropmenu" data-toggle="dropdown" type="button">产品展示
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropmenu">
<li><a href="#">网页开发</a></li>
<li><a href="#">app制作</a></li>
<li><a href="#">小程序开发</a></li>
</ul>
</div>
<button class="btn btn-default" type="button">客服联系</button>
</div>
<script>
$("#dropmenu").on("click",function(){
$("ul").slideToggle("500");
});
$("button").on('click',function(){
// $(this).css("background","#efbfed").siblings().css("background","#fcfcfc");
$(this).addClass("bg-color").siblings().removeClass("bg-color");
})
</script>
</body>
</html>有bug？？？求大神。
