ah, thanks for the info.
I tried to implement this with fade, it doesn't look that great in IE
unfortunately (simply looks like the regular toggle truth be told).
As well, there was no fadeToggle function unfortunately, but it was a
trivial addition:
fadeToggle: function( speed, callback ) {
return this.animate({opacity: "toggle"}, speed, callback );
},
Now I'm just stuck deciding whether this was even worth the trouble
lol
On Aug 27, 7:24 am, k3liutZu <[EMAIL PROTECTED]> wrote:
> This doesn't work because the element you are trying to show/hide is a
> <tr> element (which has its default display: table-row; )
>
> When jquery does animations it sets the display property to
> 'block' (this breaks the table)
>
> If you want animations on table elements use only fadeIn and fadeOut
> (as they only modify the opacity property)
>
> Why is this working IE you ask?
> Becasue IE doesn't hold a table cells as children of the rows. It has
> something like this:
>
> <table>
> <tr SomeRowId="1-1">
> <tr SomeRowId="1-1">
> <tr SomeRowId="1-1">
> <td someid="1-1">content 1-1
> <td someid="1-2">content 1-2
> <td someid="1-3">content 1-3
> <td someid="2-1">content 2-1
> <td someid="2-2">content 2-2
> <td someid="2-3">content 2-3
>
> They are all put one after the other rows and cells alike, and it uses
> some identification to link them. (That's why you can't have
> background-colors and other css properties set on TR-s )
>
> On Aug 26, 11:02 pm, J Junos <[EMAIL PROTECTED]> wrote:
>
> > My first post was lacking a bit of info:
>
> > This works fine in IE7 (7.0.5730.13)
>
> > it does NOT work in Firefox 3 (3.0.1)
>
> > You got it though Bob,
>
> > show("slow") refused to work. And actually, continually hiding/showing
> > the element would create an odd buffer between the two cells.
>
> > Removing the "slow" made it work fine. But then, by removing it, I've
> > removed any distinguishing element from Prototype....
>
> > Anyone found a work around for this?
>
> > Junos
>
> > On Aug 26, 1:55 pm, Bob Gregg <[EMAIL PROTECTED]> wrote:
>
> > > I've previously implemented table row show/hide in a production app,
> > > so I went back to check - the main difference between your code and
> > > mine was that you're using 'slow' in your toggle() statement. When I
> > > eliminated that and just used toggle() (or show() / hide() ), your
> > > jQuery code seems to work fine. Maybe this is a bug in the
> > > implementation of display effects for table rows?
>
> > > On Aug 26, 1:04 pm, J Junos <[EMAIL PROTECTED]> wrote:
>
> > > > My issue is that I want to allow users to hide and show expanded data.
> > > > Yet for some reason, when I implement this in jQuery, the expanded
> > > > rows always seem to stay in a single column, instead of returning back
> > > > to the full table width. I can get it to work in prototype, but jquery
> > > > won't.
>
> > > > Anyone else have problems with show()?
>
> > > > This is my example:
