So I’m fixing the headers on this site to use jquery animation instead of flash. I got it to work, but nothing shows up on mobile browsers. I’m a jquery newbie.

Here’s thecode:

var h1 = $('div#title h1');



h1.hide().contents().each(function() {

var words;

if (this.nodeType === 3) {

words = ' ' + this.data.split(/s+/).join('  ') + ' ';

$(this).replaceWith(words);

} else if (this.nodeType === 1) {

this.innerHTML = ' ' + this.innerHTML.split(/s+/).join('  ') + ' ';

}

});



h1.find('span').hide().each(function() {

if( !$.trim(this.innerHTML) ) {

$(this).remove();

}

});



h1.show().find('span').each(function(i) {

$(this).delay(800 * i).fadeIn(400);

});

and

Healthcare
Is Our DNA.

Here’s where I was testing. http://www.chartisgroup.com/about2.php Thanks in advance!