Scriptaculous Effect.Appear anomaly in Chrome/Safari
A simple hide and appear almost straight out of the Wiki. For some reason, however, in Chrome/Safari, the second element (nav) disappears abruptly after appearing. It works perfectly in IE6/7/8 and FF. Does anyone know why Chrome/Safari won't properly Both elements have no display styles. I've tried a few different ways, but the Effect.Appear method just doesnt work correctly in Chr/Saf
I have not checked Chrome (actually don't have) but it works in Safari 4.0 (Windows) if you give the "nav" div any height other than 0 in the css for it, such as: height:1em; , but using "auto" won't work either.
At the top there is a ticker. It works fine in IE/FF. The bottom item fades off, works fine. The new one scrolls in from the top using Effect.Appear. It shows for a split second then immediately dissapears again. Here is a typical div for one of the news items:
<div id="news601735" style="vertical-align: middle; display:none"><a rel="nofollow" href="/forums/showthread.php?t=601735">The best trumpet player ever</a><span class="bluegrey"><b> . 44 Replies</b></span></div>
Results in the item showing for a split second then immediately dissapearing. I tried adding in a height style property and had no luck. What am I missing?