jQuery replace class
you just need to use else if, otherwise they will all execute in order:
if ( $(this).hasClass('span2') ) { $(this).removeClass('span2').addClass('span3');} else if ( $(this).hasClass('span3') ) { $(this).removeClass('span3').addClass('span4');} else if ( $(this).hasClass('span4') ) { $(this).removeClass('span4').addClass('span12');}