Forum:How to add a collapse option to a character Infobox

Hello,

I was allowed to copy the Avatar Wiki character infobox and I am wondering how to collapse a section to give content on the page room to stretch. I mainly edit in Monobook so I usually forgot how squished everything is in Oasis until I check. If you don't have enough intro content to push other information and headers downward, you basically get a bad viewing of the page.

I want to put "Physical description" and "Personal and Chronological information" under a show more option. The show/hide js is already on the wiki.

Examples -- Bunai82 (talk) 19:05, December 22, 2011 (UTC)
 * avatar wiki
 * mlp wiki
 * dev wiki


 * Which wiki do you want to do this on? -- Fandyllic (talk &middot; contr) 22 Dec 2011 5:13 PM Pacific


 * Ah sorry. I thought I put my link. ^_^;;
 * I would like to use it on Gaia wiki, I will also be using it on fanloid. -- Bunai82 (talk) 03:09, December 23, 2011 (UTC)


 * With Oasis being the skin the higher percentage of users will see, what you are wanting is not ideal. It would be better to code the infobox to conform to Oasis rather than making allowances for those that don't see it as you do in Monobook. I would suggest, instead, to add different CSS for these infoboxes for Monobook and Oasis users so the infobox itself looks ideal in both skins. For instance, if the width is too wide in Oasis, use CSS to change the width so that it is smaller in Oasis (possibly using max-width) but allowing Monobook users to see the infobox full sized and taking advantage of the extra space. Rappy 07:33, December 27, 2011 (UTC)


 * That seems overly complex when I can just edit the template that would display a collapse option on both skins. -- Bunai82 (talk) 16:22, December 28, 2011 (UTC)