造型Twitter Bootstrap手风琴

在单击时，如何使面板头为背景颜色不同。我尝试使用.panel-heading :: Active，但它不起作用。

您可以通过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>

相关内容

最新更新

热门标签：