Can .slideDown()/.slideUp() changeto display:table

This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.

Visit the NEW ZetaBoards Support forum!

Can .slideDown()/.slideUp() changeto display:table
Topic Started: Aug 28 2008, 12:46 AM (679 Views)
BRYN	Aug 28 2008, 12:46 AM Post #1
The Guy with the Things for the Stuff Posts: 221 Group: Members Member #378 Joined: Dec 3, 2007 What Browser are you using? Firefox 2	I want to use .slideUp(); and/or .slideDown(); over just .show(); . But once the slide is activated, the table is displayed as block ( display:block; ) and its width shrinks so that the <td>'s don't fit the table. So, is there anyway to make slideDown(); and/or slideUp(); change the display to display:table; instead of display:block; ? Thanks.



Dan T	Aug 28 2008, 10:52 AM Post #2
document.createElement("Alcohol") Posts: 198 Group: Members Member #190 Joined: Nov 29, 2007 What Browser are you using? Firefox 3	slideup or slidedown will show of hide something but if you plan on using both use .toggle()



Viral	Aug 28 2008, 11:27 AM Post #3
i'm stanley nao Posts: 1,374 Group: Members Member #269 Joined: Dec 1, 2007 What Browser are you using? Chrome ZB Board URL http://s1.zetaboards.com/zeta_services	I had this problem yesterday, so instead of using a table, I used a div and styled it to look like a table. Also, if you're wanting it to hide / show after the slide, use .slideToggle().



BRYN	Aug 28 2008, 02:37 PM Post #4
The Guy with the Things for the Stuff Posts: 221 Group: Members Member #378 Joined: Dec 3, 2007 What Browser are you using? Firefox 2	Viral Aug 28 2008, 11:27 AM I had this problem yesterday, so instead of using a table, I used a div and styled it to look like a table. [...] How exactly do I do this? Does rowspan and colspan work with div's? Because the table I'm using had multiple rows and columns. EDIT: I noticed when you expand a category on the index, the display changes to a block element, but there isn't a width error like mine. Is this because the tables are shown when the page loads, unlike my tables that are hidden when the page loads? Edited by BRYN, Aug 28 2008, 02:39 PM.



Viral	Aug 28 2008, 03:13 PM Post #5
i'm stanley nao Posts: 1,374 Group: Members Member #269 Joined: Dec 1, 2007 What Browser are you using? Chrome ZB Board URL http://s1.zetaboards.com/zeta_services	Ahh, if you have different rowspans and colspans, it's difficult, though not impossible (although IE likes to think it is). Try bug testing it, like have it show on page load and see if it works, and then you know it's a problem because it's hidden straight away, although I don't know why that would effect it.



BRYN	Aug 28 2008, 04:22 PM Post #6
The Guy with the Things for the Stuff Posts: 221 Group: Members Member #378 Joined: Dec 3, 2007 What Browser are you using? Firefox 2	Well I got it all to work with just .hide(); and .show(); (the way I arranged everything, I couldn't use .toggle();), and changing around the HTML I made to make the slide effect work is too much work for something only a few will look at. Thanks though guys. May your codes be grand in IE.



1 user reading this topic (1 Guest and 0 Anonymous)


« Previous Topic · jQuery Help · Next Topic »