Question

I thought this would work, but whenever I click on the element with the class name of one and it changes to the class named two, I can’t get the second event to work. What am I missing here?

//first event
$('.one').on('click', function () {

  $('.one').attr('class', 'two');

});


//second event
$('.two').on('click', function () {

  $('.two').attr('class', 'one');

});

Answer 1

Why not more simple :) http://jsfiddle.net/XZeNE/1/ or this http://jsfiddle.net/4mJJe/

use API – toggleClass

Further HTML CHange Dmeo http://jsfiddle.net/vuLQK/1/

code

$('.one').on('click', function() {

    $(this).toggleClass('two');

});​

HTML change

$('.one').on('click', function() {
    $(this).toggleClass(function(){
           if($(this).hasClass('two'))
               $(this).html('NOw its class two HTML HULK');
           else                 
              $(this).html('CLASS ONE HTML IRONMAN' );

             return "two";            
        })

});


​