クリックでclassを付けたり消したりする
jQueryを用いてクラスを付けたり消したりする。
.toggleClassを使用します。
開いたり閉じたりするメニューを作る時に大変お世話になっています。
html
<style>
#sample > p {
color:#000;
text-align:center;
background:#ddd;
-webkit-transition:.3s;
transition:.3s;
}
#sample > p.on {
color:#fff;
background:#13B8FA;
}
</style>
<body>
<div id="sample">
<p></p>
</div>
</body>
js
$function(){
$("#content > p").click(function(){
$(this).toggleClass('on');
});
});
クリックして下さい
