> > I'm not sure if it's the best solution, but a friend of
> > mine helped me overcome the issue i was experiencing.
> > We added a line of CSS to hidetreeviewon load, and then set
> > it to display in the demo.js file once everything was loaded
> > $("#browser").treeview({
> > animated: "fast",
> > persist: "cookie",
> > collapsed: true
> > }).css('display','block');
> Hey Andrew, nice patch. I've been bothered by that flash for
> a while now. I wonder how that will effect SEO .. I'm using
> treeview for my main content navigation. Do you think the
> bots and crawlers will trigger the display:block call, or
> will the hidden treeview remain hidden? And what about
> visitors with js disabled? The nav will be hidden completely.
> Anyone know of another way to stop the expanded flash glitch?
Instead of putting the CSS directly in the <head>, use document.write to
insert it. That way it won't have any effect if JS is disabled or if a
crawler reads the page.
IOW, where you might have this in the <head>:
<style type="text/css">
#browser { display:none; }
</style>
Replace it with:
<script type="text/javascript">
document.write(
'<style type="text/css">',
'#browser { display:none; }',
'</style>'
);
</script>
-Mike
