样式化 Twitter Bootstrap 手风琴 [重复]答案

【问题标题】：Styling Twitter Bootstrap Accordion [duplicate]样式化 Twitter Bootstrap 手风琴 [重复]
【发布时间】：2016-06-23 23:55:47
【问题描述】：

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

【问题讨论】：

请添加一些代码。

标签： html twitter-bootstrap-3

【解决方案1】：

你可以通过 jQuery 来做到这一点吗？例如：假设您的面板有 class="changecolor"，那么您可以在您的 jQuery 中放入如下内容：

https://jsfiddle.net/luciocamilo/9xbtkjv4/

<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>

【讨论】：