Html 风格化推特引导手风琴_Html_Twitter Bootstrap 3

Html 风格化推特引导手风琴

html twitter-bootstrap-3

Html 风格化推特引导手风琴,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,如何使面板标题在单击时背景颜色不同。我尝试过使用.panel heading:：active，但它不起作用。您可以通过jQuery来实现吗。例如：假设您的面板有class=“changecolor”，那么您可以在jQuery中输入如下内容：试验 Lorem ipsum dolor sit amet $（文档）.ready（函数（）{ $（'.changecolor'）。单击（函数（）{ $（this.css（'background-color'，'#EE178C'）） }); }); 请添

如何使面板标题在单击时背景颜色不同。我尝试过使用.panel heading:：active，但它不起作用。

您可以通过jQuery来实现吗。例如：假设您的面板有class=“changecolor”，那么您可以在jQuery中输入如下内容：


试验
Lorem ipsum dolor sit amet
$（文档）.ready（函数（）{
$（'.changecolor'）。单击（函数（）{
$（this.css（'background-color'，'#EE178C'））
});
});

请添加一些代码。

<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<div class="panel panel-primary">

  <div class="panel-heading changecolor">
    Test
  </div>
  <div class="panel-body">
  Lorem ipsum dolor sit amet
  </div>
</div>
</body>
<script>
$(document).ready(function(){
$('.changecolor').click(function() {
      $(this).css('background-color','#EE178C')
    });
});
 </script>