[jQuery] flash of unstyled content...Safari...hide() problems
I have been going through the tutorials and following many of the
examples here to try and get an introduction to jquery,
I have added the following code to my site but I am running into
problems with Safari.
<script type="text/javascript">
$(document).ready(function() {
$("dd:not(:first)").css ('display', 'none');
$("dt a").click(function(){
$("dd:visible").slideUp("fast");
$(this).parent().next().slideDown("slow"); return false;
});
});
</script>
<script type="text/Javascript">
$(document).ready(function() {
$('.fulltext').css ('display', 'none');
$('h3').click(function() {
$(".fulltext").css('display','none');
$(this).parent().next().fadeIn(500);
return false;
});
});
</script>
Essentially the first hide() or in this case css('display',none) is
causing the the 'fouc' in Safari and I can't figure out how to get
around it other than to look for another solution. Unfortunately
sometimes everything just works but it never lasts.
my site is http://italartnet.com and jquery (latest version) is active
on the index and artists section. Any suggestions on a workaround
would be most welcome.
Kind regards,
Alex Fleming