Well, you may need to adjust how you are going about "minimizing"
table content. I tried to do something very similar with a series of
tables I had on a page. On my page users were able to filter rows
based upon certain criteria, when a row was filtered (hidden) I had to
use the .fadeTo() method followed by a .hide() like so:
$("some tr selector").fadeTo("slow", 0, function(){
$(this).hide();
});
Then I could use the .fadeTo("slow", 1.0) method to bring it back and
the row would show up in the exact state as when I hid it. You could
try this idea on the over all tbody element, but there won't be a nice
slide up effect, it will be quite harsh. The page I created also
allowed users to minimize tables too. The way I was able to achieve
this was to wrap a DIV around each table, then performed my
slideToggle effect on that div and the table wouldn't freak out. I
then added a <h3> header just above the div to act as a place holder
for the table. Something like this:
<h3>Products</h3>
<div id="product-wrapper">
<table id="table-1" width="100%">
<thead>
<tr><th>Title</th><th>Title</th></tr>
</thead>
<tbody>
<tr><td>Body</td><td>Body</td></tr>
<tr><td>Body</td><td>Body</td></tr>
<tr><td>Body</td><td>Body</td></tr>
<tr><td>Body</td><td>Body</td></tr>
<tr><td>Body</td><td>Body</td></tr>
</tbody>
</table>
</div>
I applied a show/hide toggle click listener on that <h3> and style it
with plus/minus graphic of some sort. Unfortunately this is the only
way that I could get my page to show/hide tables and rows.
Hope this helps
Brian
On May 22, 6:01 am, Cloudream <[EMAIL PROTECTED]> wrote:
> I've update the code,
> tryhttp://labs.cloudream.name/jquery/tbody-slidetoggle.html
>
> It seems the enchant doesn't work at all. :-(
>
> On May 22, 12:02 am, Brian Schilt <[EMAIL PROTECTED]> wrote:
>
> > I've had these similar problems with trying to animate table rows and
> > cells. this problem is related to animations that adjust the width of
> > the TR and TD elements. I've found that if I use animations that do
> > not adjust the width, it acts fine. I would recommend you check out
> > jQuery Enchant library and use the .toggle('slide',{ direction:
> > 'up' }) method. I think this will give you the desired results and it
> > won't adjust the cell widths. I have not tested it so I don't know if
> > it will actually work, but its someplace to start.
>
> > I don't think there is a common download area for Enchant, just Google
> > it and you'll find a bunch of places to download it. Let us know how
> > it plays out.
>
> > Good luck
>
> > Brian
>
> > On May 21, 6:34 am, Cloudream <[EMAIL PROTECTED]> wrote:
>
> > >http://labs.cloudream.name/jquery/tbody-slidetoggle.html
>
> > > Click TH to toggle tbody, but plays bad in FF2/OPERA9.2- Hide quoted text
> > > -
>
> > - Show quoted text -
