css-transition-sample

HTML

<section>
    <h3>Jiwa-Jiwa</h3>
    <div class="sample">koko no haikei ga kawarimasu.</div>
</section>

CSS

.sample {
    padding: 20px;
    background-color: #efefef;
    transition: background-color 0.3s ease-out 0s;
}
.sample.active {
    background-color: green;
    transition-delay: 1s;
}

JavaScript

$(function(){
    $('body').on('click','.sample',function(){
        $('.sample').toggleClass('active');
    });
});