Board Thread:General Discussion/@comment-1361542-20150904143112/@comment-1757994-20150905002133

Going on the assumption that my interpretation above is correct, given jQuery collapsible tables (mw-collapsible), you have a choice to make.
 * 1) The show/hide "button" is right-aligned with the top table (or anywhere, really), but the text is fixed. It doesn't toggle between "Show" and "Hide". It has to be something static like "Show/Hide." You can also use the template only once on any page, since some html elements need id values. Some of them already do, so I suspect you already intend never to use the template more than once.
 * 2) The show/hide "button" is right-aligned on the page, but still vertically level with the top of the first table, and the show/hide text can toggle depending upon whether the bottom table is hidden or shown.

The limitation for the second option is that the "button" has to be right-aligned in a div (or table) that contains the collapsible element. If you want to put the button anywhere else, you have to give up on text that toggles. Wookieepedia got around that limitation by writing their own JS for collapsible elements instead of using out-of-the-box jQuery.

Let me know here what you think.