Hi all, guys i would like to make the categories to collapse slowers and smoother, i would like to make them work like here:
http://pbwow.com/forum/index.php?
Thanks
they are using this:
http://github.com/danielstocks/jQuery-Collapse/
but you could probably just edit general.js:
// Expanding
if(expandedItem.is(":hidden"))
{
expandedItem.toggle("fast");
collapsedItem.toggle("fast");
this.saveCollapsed(controls);
}
// Collapsing
else
{
expandedItem.toggle("fast");
collapsedItem.toggle("fast");
this.saveCollapsed(controls, 1);
}
i changed the code to slow, but is not collapsing nice.., i would like to see it collapsing like on pbwow...
Table rows itself can't be animated (it was always like that). Some effects (like fadeIn/Out) are supported but if you want a slideIn/Out effect make a few changes to general.js
line 575
find
else if(expandedItem.length && !collapsedItem.length)
{
and below that add
if ( expandedItem.find("td > .table_cell").length ) {
} else {
expandedItem.find("td").wrapInner("<div class='table_cell'></div>");
}
after that find (few lines below)
expandedItem.toggle("fast");
and below that add
$(".table_cell").addClass("hide");
$(".table_cell").slideDown();
Find (10 lines below that code above)
expandedItem.toggle("fast");
and below that paste
$(".table_cell").removeClass("hide");
$(".table_cell").slideUp();
and in global.css of your theme add
.hide {
display:none;
}
This edit is checking if a table cell in collapsed / expanded element (tbody) has a div (with class .table_cell) inside (if not it adds one) and it's sliding it up / down.
here is my temporal forum,
http://arhive.myhost.zone/index.php if u want to see how is working with "slow" ...
edit: i dint seen your msg Johnny S, ill do that changes now
edit2: i changed but is not working well, if i close one category, are clossing all the others
edit3: i swiched back to "slow"