jQuery effects-- cross browser compabilities

[Fumigator]

I've been using show() during testing in FF an it worked fine. When it was all working, I did a little cross-browser testing and Safari for Windows has a weird rubberband effect on my show() div (which unfortunately is encased in a <td> tag).

So I tried slideDown()... it works great in FF and Safari! And Opera too! But... IE7, nothing doing. The div shows up but then disappears immediately.

OK, let's try slideUp(). Yes! Works in IE7! Oh... but not FF, Safari, or Opera. :rolleyes:

This is getting silly.

Finally I tried fadeIn() and it works on all 4 browsers I'm testing with.

I think this all has something to do with the fact the <div> tag I'm making visible is trapped inside a <td> tag.

[Iszak]

Yeah, effects with tables seem to be problematic for me with jQuery especially for those effects, so if you could I would avoid it in my opinion. You could always try some of the jQuery UI effects if you're not too worried about adding file size to your website, and test those.

[Uzbekjon]

If you can add an id or class to your div you can just apply your effects to that div only... leaving out the td element...

[Fumigator]

I haven't tried jQuery UI with this yet, that's a good suggestion. Bloat shouldn't be an issue because the UI has a cool little utility that lets you choose the functions you actually use and it gives you a file with only those functions in it.

Uzbekjon that's what I've done, a div with an id inside a <td> tag. I can't change the html; I'm doing the work for a client and the page is what it is.