Topic on Project:Support desk

Hi all,

is there any way, to coallaps the contant beetwen the headers?

I know the solution with div classes "mw-collapsible". But i need the collapse button nearly to the edit button

Like this:

Header 1_______________________________________show edit

Header 2_______________________________________hide edit

This is an example text.

Header 3_______________________________________show edit

thx for your help!

like this? .

That is fantastic! Do you have a link to instructions? thanks!

You can edit the page to view the source wikitext.

This was doing following the documentation at ResourceLoader/Default modules#jquery.makeCollapsible

That works great! Thanks for the info & quick reply!

Is there a way to keep the "Show/hide" from being listed alongside the headers in the Table of Contents?

No, since it's being part of the header text. A possible workaroud would be to make the entire header text part of the custom toggle. Another option would be to put the custom toggle before the header, and make it float to the right.

One method you could do is to put it after the header, but to then play with the DIV's...

Ex:

User:Curtiplas

(sorry double post)

1) This is great!

2) I'm seeing that if this is used on multiple section all section will show / hide simultaneously instead of just the one selected. Any thoughts?

That's probably because you use the same class="mw-customtoggle-0" and id="mw-customcollapsible-0". You should use different suffix for each section.