I am new to jQuery, and am trying to see if it can be used to replicate some flash-type UI features that my client wants. I created a simple demo page that works OK in IE8 and FF 3.5, but looks terrible on a Mac using Safari. If anyone can help me figure out how to work around this issue, I'd appreciate it.
My sample page is: www.archicadtemplate.com/jquery The effect we're trying to create is used as a navigation feature on the following site: www.assembledge.com It is a horizontal bar with a category name that expands (gets longer) and reveals subcategories that are clickable links. The effect in Flash is quite smooth and the client likes how it moves. I don't want to use Flash for the site, so jQuery is a natural alternative we're considering. In Safari, in the lower example on my page, the table cells expand erratically - the right hand one jumps to the far right then resets properly after the rest of the width animation is finished; when reset back to the original size, the table cells are now separated with a gap rather than appearing continuous (they look nice when the page is first opened). Any help would be greatly appreciated! Eric Bobrow