Compatibility

The new version was tested below and is working fine in the following browsers (except for some small issues):

• Firefox 4.0, on Windows XP Y
• IE 8, on Windows XP Y
• Google Chrome 13.0.782.107, on Debian GNU/Linux 6.0.2 (squeeze) Y
• Epiphany 2.30.6, on Debian GNU/Linux 6.0.2 (squeeze) Y
• Iceweasel 3.5.16, on Debian GNU/Linux 6.0.2 (squeeze) Y
• Firefox 5.0, on Ubuntu 11.04 Y
• Chromium 12.0.742.112 (90304), on Ubuntu 11.04 Y

Issues

• As reported on this topic, the header is jumping left when expanded. For the default collapsible text, could be fixed by using the CSS provided on that topic. See also bug #30402;
• As reported on other topic, on Windows, "the cursor takes the form of an up-and-down arrow rather than the pointing-index-finger form". See bug #30327.

Testing jQuery.makeCollapsible version

Example 0

((Hidden))

((Hidden/sandbox))

Example 1

((Hidden/sandbox|Title text here|Body text line 1<br/>Body text line 2))

((Hidden|Title text here|Body text line 1<br/>Body text line 2))

Example 2

((Hidden/sandbox|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; ))

((Hidden|Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; ))

Example 3

((Hidden/sandbox| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 ))

((Hidden| style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 ))

Example 4

((Hidden/sandbox|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def))

((Hidden|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def))

Example 5

((Hidden/sandbox|Lists| * Item 1 * Item 2 ))

((Hidden|Lists| * Item 1 * Item 2 ))

Example 6

((Hidden/sandbox|Lists|fw1=normal|fw2=bold| * Item 1 * Item 2 ))

((Hidden|Lists|fw1=normal|fw2=bold| * Item 1 * Item 2 ))