Re: [jQuery] slideDown/slideUp problems when using tables

[Kush Murod]

Hi Karl,
Thanks for your help dude
There are few things though.

   * in FF it fades in/out, but it had to manually show() it
     [.fadeIn('slow').show();] otherwise wasn't fadeIn, is it supposed
     to that way
   * in IE doesn't fade in/out is this a limitation or is it just me
     smoking crack :)

http://www.khurshid.com/sebs/?page=portfolio_Table

Regards,
Kush

Karl Swedberg wrote:

Hi Kush,

It looks like you're using jquery.latest.js. That one won't work with the .fadeIn() and .fadeOut().

As I mentioned before, you'll need the most recent nightly build.

Actually, scratch that. It looks like the file there is dated 2007-03-01 (Rev: 1472):

http://jquery.com/src/nightlies/jquery-nightly.js

So, I put the latest svn builds up on my test server if you want to grab one and try the row stuff with it. It works fine with my tables:

* $Date: 2007-03-16 16:37:10 -0400 (Fri, 16 Mar 2007) $
* $Rev: 1538 $

http://test.learningjquery.com/scripts/jquery.js
http://test.learningjquery.com/scripts/jquery.lite.js
http://test.learningjquery.com/scripts/jquery.pack.js

--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 17, 2007, at 7:36 PM, Kush Murod wrote:

Hi Karl,

Your idea is great workaround, I have tried it http://www.khurshid.com/sebs/?page=portfolio_Table

However still something weird as you can see
Maybe I should just give up and use pure CSS
Thanks for help

Kush

Karl Swedberg wrote:

there have already been a number of threads related to the problems with showing and hiding table rows.

In a nutshell, table rows get mangled in Firefox when using any of the animated show and hide techniques because of FF's use of display:table-row and jQuery's setting animated elements to display:block when showing them. The non-animated .show() and .hide() work fine. Also, John Resig just posted a fix to opacity-related bugs yesterday, so you might be able to use .fadeIn() and .fadeOut() with table rows if you grab the latest nightly build:

http://docs.jquery.com/Downloading_jQuery#Nightly_Builds

While .slideDown() and .show('speed') still won't work properly in FF, you could use .fadeIn() as a compromise if you need some animation. For example,

    $('tr:eq(2)').fadeOut('slow');
and
    $('tr:eq(2)').show().fadeIn('slow');

to hide and show the third table row.

Also, you may find the solution in this thread helpful as well for doing the slide: http://www.nabble.com/Hiding-and-showing-table-rows-tf2585537.html#a7208756

--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 17, 2007, at 11:11 AM, Rick Faircloth wrote:

Hi, Kush...

Looks like the responses are kinda slow today, so this newbie
(only working with jQuery for about 2 weeks) will tell you the little
he's learned.

I was very interested in using sliding table rows for exposing details
of calendar events.  I could get the rows sliding, but was never happy
with how smoothly they would show & hide.

I tried using two separate tables, one for the always showing event
summary and another for the showing & hiding details.  That performed
really well.  Don't ask me why.

Here's an example of what I did showing the concept. It's just a couple

of headings and then when you click you see the details.

http://resm.whitestonemedia.com/html/trial_slide.cfm

Don't worry about the "This is the part to click." line... that's just
experimentation.

Is it performance of the show/hide you're concerned about?

Rick


-----Original Message-----

From: [EMAIL PROTECTED] [EMAIL PROTECTED] On

Behalf Of Kush Murod
Sent: Saturday, March 17, 2007 8:44 AM
To: jQuery Discussion.
Subject: Re: [jQuery] slideDown/slideUp problems when using tables

Hi, me again

I meant I need some help with sliding table rows (tr) which doesn't
slide properly as it does when using divs

Thanks,
Kush





_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

------------------------------------------------------------------------

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/