Simple toggle but without IE6 fuzziness
Ok I've got what's probably the world's simplest jQuery script:
-
jQuery(document).ready(function(){
$(".question").click(function() {
$(this).next().toggle("slow");
}).next().hide();
});
But cruddy IE6 makes the text in the expanding box go all black and bitmappy when the animation is happening, so I was wondering if there were any easy fixes for this?
Alternatively how hard would it be to hide the text, expand the div to the required height and then fade in the text once that's done?
Just to give background I'm build a simple Q&A list, something like:
-
<div class="question">
Question: What's your favourite colour?
</div>
<div class="answer">
Answer: My favourite colour, that's a hard one I'd have to say it's jQuery Blue.
</div>
any help much appreciated![/code]