jquery toggle with on

jquery toggle with on

by Thulasi Ram.S

HTML

<div class="show" style="font-size: 25px; font-weight: bolder; cursor: pointer;">
        Hello World
    </div>

JavaScript

$(document).ready(function () {
            $('.show').addClass('OddClick');

            $('.show').live('click', function () {
                var obj = $(this);

                if (obj.hasClass('OddClick') === true) {
                    obj.addClass('EvenClick').removeClass('OddClick');
                    alert('1st');
                }
                else {
                    obj.addClass('OddClick').removeClass('EvenClick');
                    alert('2nd');
                }
            });
        });