On Fri, Nov 14, 2008 at 1:20 AM, Shawn Grover [EMAIL PROTECTED]wrote:
Another option is to wrap each of your TDs within the row with a DIV. Then
you can do something like $(#myRow div.animateMe).slideUp(); Then the row
has no vertical height because it's content is now invisible.
Do you
.fadeIn() and .fadeOut() seem to work OK in Firefox, but in IE they
seem to do the same as .show() and .hide() - they just pop in. Same
goes for .slideDown() and .slideUp() in IE. Try it out with the demo
I linked to above.
So apparently effects are very limited in tables - and even more so in
Here's how to slideUp hide a row with the inner wrapping divs:
$(tr).click(function() {
var tr = $(this);
tr.children(td).each(function() {
$(this).wrapInner(div/div).children(div).slideUp(function() {
tr.hide();
});
});
});
- Richard
On Fri, Nov 14, 2008 at 12:21 PM, c.barr
That's awesome man! I worked with it a bit to get it working with
adding a row as well, and this seems to work just fine!
Here's a live demo: http://jsbin.com/apode
Tested and working in Firefox, Opera, Safari, and IE!
On Nov 14, 11:57 am, Richard D. Worth [EMAIL PROTECTED] wrote:
Here's how
Slick! Thanks for sharing.
- Richard
On Fri, Nov 14, 2008 at 3:50 PM, c.barr [EMAIL PROTECTED] wrote:
That's awesome man! I worked with it a bit to get it working with
adding a row as well, and this seems to work just fine!
Here's a live demo: http://jsbin.com/apode
Tested and working in
Yeah, no problem! I think I'll write a blog entry about this tonight
since it's pretty useful - I'll put the link here.
Is there any way to prevent the table rows from jumping around like
they do? That's my only problem right now. It's not a deal breaker,
but it makes the animations looks a
Making the table columns fixed width using a colgroup might fix the
'jumping' issue.
On Nov 14, 7:38 pm, c.barr [EMAIL PROTECTED] wrote:
Yeah, no problem! I think I'll write a blog entry about this tonight
since it's pretty useful - I'll put the link here.
Is there any way to prevent the
It's impossible to animate a table row's height to/from 0. Try setting
the tr height less than the text height, it doesn't work. Only block
elements can use this effect :)
On Nov 13, 9:06 pm, c.barr [EMAIL PROTECTED] wrote:
I'm creating an admin section for a site where I need to dynamically
Hmm, well that's too bad. I actually tried to do a custom .animate()
with a height from 0 to the corrcet height, but that's the same issue
- it sets it to display:block.
The closest I've come is to do my animation, and then do a callback
when it finishes of .css(display,table-row) - which
Chris,
The .fadeIn() and .fadeOut() might be an acceptable compromise.
By the way, IE doesn't understand display: table-row, so if I recall
correctly the display: block actually works there.
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Nov 13, 2008,
Another option is to wrap each of your TDs within the row with a DIV.
Then you can do something like $(#myRow div.animateMe).slideUp();
Then the row has no vertical height because it's content is now invisible.
Just a thought
Shawn
Karl Swedberg wrote:
Chris,
The .fadeIn() and
11 matches
Mail list logo