2016-06-23 2 views
-1

Как сделать цвет фона для панели, который будет отличаться при щелчке. Я попытался использовать .panel-heading :: active, но он не работает.Styling Twitter Bootstrap Accordion

+1

Пожалуйста, добавьте код. –

ответ

0

Можете сделать это с помощью jQuery. Например: представьте себе, что ваша панель имеет класс = «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> 
Смежные вопросы