I have a page with several DIVs, and inside each DIV are paragraphs
and headings. On the side I have a list of named anchors.
My script adds an onclick event to the anchors that hides all of the
DIVs, then fades the selected DIV. It looks fantastic in FireFox, but
there's no fade in IE6 or IE7.
And the kicker is Safari fades the DIV in, but when 100% opacity is
reached, all of the paragraphs float to the top of the containing DIV,
as if their positioning property was switched to absolute.
Here's my code:
$("#side a").each(function(){
$(this).click(function(){
$("#primary div").hide();
$("#primary div:first").before( $(this.hash)[0] );
$(this.hash).fadeIn(1700); // fails in Safari
return false;
});
});
}),
Any ideas?
