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!