Modify ↓
Ticket #9809 (closed bug: cantfix)
Using slideToggle on an hidden element styled with display table will convert it to a block element
| Reported by: | matias | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | None |
| Component: | effects | Version: | 1.6.2 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
This is similar to ticket #2185, but only appears to break when the element initially is set to display: none.
See http://jsfiddle.net/matiasnu/4Cxr3/ and note that the first link will turn the "table" into a "block" when toggled, while the last link will honor the initial display value when toggled.
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.
Thanks for taking the time to contribute to the jQuery project!
The problem is that the display set in the styles is display: none and we have no way to tell that display: table should be the default display for the div. jQuery does not parse css. It only retrieves what the browser has parsed, and, at that point, display: table has been completely lost. I don't think there's anything we can do here.
However, here's a workaround: http://jsfiddle.net/timmywil/bmEVs/