Collapsing table code for profiles

This is the code to create collapsable fields in your profiles, like this:




See below for Neo wizardry.

You can also use this, and style it as you please. It works on posts and slides (and adding it was about 5% of the work of beating up the JavaScript of the other, which I might still do as a point of curiosity).

I am yo header click mee

Toggle meee

---

Display by default:

Code:

<div class="slideheader">I am yo header</div>
<div class="slidecontent">Toggle meee</div>

Hidden by default:

Code:

<div class="slideheader">I am yo header click mee</div>
<div class="slidecontent" style="display: none;">Toggle meee</div>

I also fixed the accordion thing for posts, but you'll need to remove the script from your profile's Styling field or it won't work there now. Odd can beat me up if she dislikes this.

If you use it on posts and use the button code, MAKE SURE YOU DO NOT HAVE A LINE BREAK BETWEEN IT AND THE FOLLOWING DIV.

Code:

<button class="accordion">This is where the section heading goes.</button><div class="panel">
Your text and such goes here.
</div>

If you use a div you can put a line break in.

Code:

<div class="accordion">This is where the section heading goes.</div>
<div class="panel">
Your text and such goes here.
</div>

*shrugs and runs out*