スタイリングTwitter Bootstrap Accordion

-1

クリックしたときにパネルの見出しの背景色が異なるようにするにはどうすればよいですか？私は.panel-heading :: activeを使ってみましたが、動作していません。スタイリングTwitter Bootstrap Accordion

出典

2016-06-23 Chidi Nkwocha

いくつかのコードを追加してください：あなたのパネルは、クラス=「changecolor」を持っていることを想像し、その後、あなたはあなたのjQueryのでは、このようなものを置くことができます。 –

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>

出典

2016-06-23 15:55:47 luciocamilo

スタイリングTwitter Bootstrap Accordion

答えて

関連する問題