【jQuery】toggleClassの例

by tea4two

HTML

<p>toggle</p>
<p>toggle</p>
<p>toggle</p>
<p>toggle</p>
<p>toggle</p>

CSS

.active{
    background-color: #f00;
    color: #fff;
}

JavaScript

$('p').on('click',function(){
    $(this).toggleClass('active');
});
/*
$('p').each(function(){
    $(this).on('click',function(){
        $(this).toggleClass('active');
    });
});
*/