                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

$(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？？？求大神。