[jQuery] NEWBIE - IE7 vs FireFox, Safari, etc...
Hi all
I'm just getting started with jQuery, and trying to use the slideToggle
() function.
I have this working on a test page of my site.
On Firefox 3.0x, Safari, etc. this works great, looks great.
On IE7 (and older), the function works but with a major difference in
how the text is laid out in when revealed.
As the text initially renders, it momentarily looks exactly like how
it should, and matches that of FF and other browsers, the entire body
is properly indented. However, after a very brief time, the text
repaints, and the first line is always left justified, with the rest
content indented (as is should be).
This also happens with the other jQuery function Toggle().
It doesn't matter what CSS definitions are for the DD tag's content -
IE messes this up.
Hoping someone can help!
Thanks,
Jerry
===========
Here's the code (taken from the jQuery tutorial on this):
// For hide/reveal of FAQ styled text that uses <dd> and <dt> tags
$(document).ready(function() {
$('#faq').find('dd').hide().end().find('dt').click(function() {
$(this).next().slideToggle();
});
});