This page is within the scope of the Wikipedia Help Project, a collaborative effort to improve Wikipedia's help documentation for readers and contributors. If you would like to participate, please visit the project page, where you can join the discussion and see a list of open tasks. To browse help related resources see the Help Menu or Help Directory. Or ask for help on your talk page and a volunteer will visit you there.Wikipedia HelpWikipedia:Help ProjectTemplate:Wikipedia Help ProjectHelp
Could the hide/show be layered so that it does not interfere with the centering of the text within the field? Currently the centered text is offset by the hide/show and is driving me batty trying to figure a way around it.
What does that mean? Has anyone ever analysed how well screen reader software copes with them, and if people are able to follow them easily and interact with them without sight? Given how frequently these things are used now it seems very important. • Anakin(contribs • complaints)03:01, 31 December 2007 (UTC)[reply]
I know it's almost a year since the question was posted, but for anyone wondering - some points:
If you're using Opera/Firefox/IE8 you can disable CSS to get a rough idea of what screen-readers will "see" - basically the page should be linear, making it easy for the blind and visually impaired to envisage the layout (straight down, top to bottom). Layout tables (used in the code for all of these collapsible examples), disrupt this paradigm, as they are 2 dimensional - navigation is right-to-left as well as top-to-bottom.
Also, accessibility is not reserved to the visually impaired. Other physically impaired users may have difficulty with keyboard/mouse usage and may interface with computers in alternate ways. For this reason, normal mouse-navigation cannot be assumed, and the above points about simplifying navigation apply equally here.
I have a page with dozens of collapsible tables. Is it possible to have a button that expands all or collapses all, in addition to the individual show/hide buttons? —Preceding unsigned comment added by 69.241.122.68 (talk) 20:06, 4 September 2008 (UTC)[reply]
Thanks - care to elaborate? (this is the original poster) —Preceding unsigned comment added by 69.241.122.68 (talk) 19:48, 1 October 2008
The JavaScript code that collapses table was added to this project's global JS file MediaWiki:Common.js. This code is executed for every visitor, so you can use collapsible tables on any page and they will work (except for visitors with JS disabled in their browsers).
On the other hand, you can register and then use your special personal subpage to add some JavaScript code that will be executed just for you (see WP:US for more info). It will not be executed for everybody else, so you won't be able to use this functionality in articles. —AlexSm20:44, 1 October 2008 (UTC)[reply]
I understand that, but I'm referring to my own private MediaWiki Wiki, not the main MediaWiki site. Is there code that exists so I can have all users expand all tables or collapse all tables on a page, rather than opening and closing individually? —Preceding unsigned comment added by 69.241.122.68 (talk) 13:48, 7 October 2008 (UTC)[reply]
I tried to make a table with the show link on the left instead of the right, and this is the best I can manage. Is there a better way, and if so could an example be placed on the help page? Thank you. 84user (talk) 03:05, 18 December 2008 (UTC)[reply]
Code entered
Output produced
{| class="wikitable collapsible" style="width:95%;"
! style="position:absolute;text-align:left;width:3em;" |
! style="text-align:left;padding-left:4em" |details
|-
| colspan=2| Lorem ipsum dolor sit amet
Is there a better way to get the same results as
from [[Template:Hidden begin]] with toggle=left?
|}
details
Lorem ipsum dolor sit amet
Is there a better way to get the same results as
from Template:Hidden begin with toggle=left?
I only wanted collapsible tables so I only copied the part of Wikipedia's Mediawiki:Common.js relating to that. There is a dependency though in the js for the following function which you also need to copy as well,:
/* Test if an element has a certain class **************************************
*
* Description: Uses regular expressions and caching for better performance.
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
*/
var hasClass = (function () {
var reCache = {};
return function (element, className) {
return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
};
})();
So if it isn;t working for you check that you've got this function in your Mediawiki:common.js
I found where in the Javascript to change the text of the show/hide button itself, but I'm looking for a way to invoke an image by URL for the button. How do I go about doing this? Guy.yedwab (talk) 18:08, 9 July 2009 (UTC)[reply]
Could this feature please be extended to allow the collapsing work on those columns only whose header cell has the class ‘collapsible’ set? This would be useful where tables are too wide and not too high. (I guess someone could also wish to collapse certain rows only or exclude specific rows or columns.) — ChristophPäper15:35, 1 March 2010 (UTC)[reply]
As it turns out collapsing only specific rows is quite simple for opt-out, a bit more complex for opt-in and even more complex for columns. The opt-out class name is debatable, I have used ‘nocollapse’ for now, but something similar or ‘static’ could also be used, and ‘sortbottom’ is excluded by default, too. Find code for intermediate steps in a previous revision.
I am trying to have only certain rows collapsible using media wiki syntax, can any of you assist me with this? I am trying to show the first couple rows and leave the rest UN-collasped initially. October 30th 2014 — Preceding unsigned comment added by Aflemmingfish (talk • contribs) 20:52, 30 October 2014 (UTC)[reply]
Tracklist table: I've added the following templates and the table displays properly:
Template:Tracklist
Template:Track listing
Template:Track listing/Track
Template:Collapsible list
I've also added Wikipedia's "MediaWiki:Common.js" file to my own site
The Show/hide links works by showing the table or hiding it when the link is clicked. However it also moves the cursor to the start of the page. Can anyone please tell me how to fix this? Holygamer (talk) 18:47, 24 June 2010 (UTC)[reply]
Multiple Column Collapsible?
I'm having some difficulty creating a multiple Column Collapsible table from the examples provided. HELP PLEASE.-- Avazina, an Unreconstructed Southerner 15:53, 1 September 2010 (UTC)[reply]
I have just made several tables in Empire Test Pilots' School collapsible and collapsed. If one clicks on a footnote to an entry in a collapsed table, nothing happens. The desirable (i.e. user-friendly) behaviour IMHO would be for the appropriate table to be expanded to show the referenced entry; otherwise the tables will have to be left expanded, which defeats the object. Is this auto-expansion possible? Thanks. --TraceyR (talk) 11:10, 27 January 2011 (UTC)[reply]
Collapsible tables vs. Collapse top/bottom (cot/cob)
Doesn't seem to be much practical difference between the two, so does anyone know why would it be better to chose one over the other? The content in question is currently in a table so it seems logical to use collapsible tables but in the Help for Collapse (top and bottom) it mentions it can also be used to collapse complex content that includes tables. Doesn't seem to be any clear indication which is recommended. Page in question: http://en.wikipedia.org/wiki/Apple_iOS_version_history (Jd2157 (talk) 15:03, 8 September 2011 (UTC))[reply]
Collapsing templates within a larger collapsible template?
I'm having some problems using the collapse function on this page. I've collapsed the two internal templates (which is good), but I'm not able to collapse the larger template that encompasses them.
The labels "show" and "hide" are (meant to be) provided in the local language on non-English wikis ("afficher" and "masquer" in the French Wikipedia, for example), so where do these translations come from? Translatewiki, or somewhere else? - dcljr (talk) 20:02, 16 September 2013 (UTC)[reply]
(Answering my own question. I think.) They seem to be coming from MediaWiki:Common.js:
var collapseCaption = 'hide'; var expandCaption = 'show';
Thank you! But, unfortunately, there is no answer there. Maybe, you can help? I'm not the wiki-admin on site, and usual "<script></script>" tag doesn't work. NAME XXX (talk) 20:51, 8 October 2013 (UTC).[reply]
Recent edit seems to have broken most of the info here
With a recent edit [1] all aspects of class "collapsible" were changed to "mw-collapsible" for no apparent reason. But this broke things quite considerably: although the class "mw-collapsible" is roughly comparable, many of the switches like "collapsed", "autocollapse", "outercollapse", "innercollapse" no longer function, as is painfully aware from the non-working examples. While there is equivalent classes such as "mw-collapsed" I am not aware of classes for all these functions. Surely the page should be changed back to class "collapsible"? --Jules(Mrjulesd)16:11, 18 October 2016 (UTC)[reply]
Redrose64. I see you reverted my change. Could you please answer the above question? Most of the content of the page is broken because of the changes. Also surely some description of class collapsible is warranted, if only discuss it as being deprecated? If class collapsible is still in use (e.g. by Module:Navbox, and many other places) this needs to be described. The simple fact is mw-collapsible is far less feature rich and comprehensive, meaning its use is limited even if it is recommended. mw-collapsible also leads to sizeable lag on my system. --Jules(Mrjulesd)18:51, 18 October 2016 (UTC)[reply]
Redrose64 That's true, it wasn't introduced by you. But you reverted my reintroduction of class collapsible [2] so I'm asking you, shouldn't we go back to class collapsible? As I explained above most of the examples on the page no longer function because of this. --Jules(Mrjulesd)19:32, 18 October 2016 (UTC)[reply]
The reason is that mw-collapsible is a MediaWiki core functionality and collapsible and other stuff is old style (English) Wikipedia specific code. As far as I can tell the switches all still work, but possibly not for you. Please accurately describe the examples that don't work for you, as well as the browser you use etc etc etc.. —TheDJ (talk • contribs) 21:24, 18 October 2016 (UTC)[reply]
Eh wait a minute. I think I see what you mean.. We need to add something to MediaWiki:Commonj.js that I figured would already be in there...
I need some help to optionally collapse a table which is used in a template. The table is already formatted as collapsible in the template {{WRC driver results legend}}. The table is expanded by default, which is fine. What I wan't to be able to do is to have in collapsed state in a select few of the occasions were it is called upon using the {{WRC driver results legend}} syntax.Tvx1 15:59, 23 January 2017 (UTC)[reply]
Languages
This doesn't apply to the English Wikipedia, but recently, the table with the option to change languages is collapsed in most versions of Wikipedia. Even when you uncollapse, it doesn't go back to normal, but opens a small window showing some random languages, then other languages sorted into different regions. You have to scroll through it and the lists are arranged into columns, making it more difficult. This feature is a step back. Please fix it. --92.75.199.236 (talk) 11:13, 13 March 2017 (UTC)[reply]
Not from this end. It's part of the MediaWiki software, so you would need to file a feature request at phabricator:. But I think that it would be considered a major change, since the present method uses <a>...</a> tags to make a link to a JavaScript routine - a button would need to use a <button /> or perhaps <input /> tag. --Redrose64 🌹 (talk) 15:48, 22 October 2017 (UTC)[reply]
To make Text look like a button you use the style attribute of span, div, ...
To make Text look like a button you use the style attribute of span, div, ...
To make Text look like a button you use the style attribute of span, div, ...
How difficult would it be to get infobox collapsing working for mobile? It'd be really nice if a sizable chunk of the 1 million readers per day going to 2019–20_coronavirus_pandemic didn't have to scroll through a bunch of maps before getting to the article itself. Sdkb (talk) 01:00, 26 March 2020 (UTC)[reply]
Collapsing part of a Wikitable
Is it possible to collapse part of a wikitable, but not the whole thing. For example, this would be useful on long election results tables to hide minor parties but retain the info for anyone who wants to know the full details. Cheers, Number5722:10, 19 April 2020 (UTC)[reply]
Hello Redrose. Thanks for your response at Help talk:Collapsing. I've tried making a partially-collapsing table at User:Number_57/sandbox#Table. Although it's almost right, when it looks fine on my laptop, the columns of the inlaid table are very slightly off (by a single pixel) on my mobile. When I fix it on that, they are slightly off on my laptop. Do you have any idea what's going wrong and whether it can be made to be right on both? Cheers, Number5719:11, 21 April 2020 (UTC)[reply]
Not sure if this is the right place to ask, but just a question: Why doesn't collapsable templates use the native HTML <details> element? That way we could avoid needing JavaScript. 内存溢出的猫 (talk) 17:47, 20 April 2025 (UTC)[reply]
@内存溢出的猫: Short answer: because it's not whitelisted by the MediaWiki software. Longer answer: it's quite new - it was introduced with HTML 5.1 in October 2017, and it's possible that there are still browsers in use that don't recognise it. To get the MediaWiki software changed requires a feature request at phab: to be filed and approved. --Redrose64 🌹 (talk) 23:00, 20 April 2025 (UTC)[reply]
@内存溢出的猫 and Redrose64: I hope I am reading the browser table correctly, but I think all browsers recognize it. Scroll down:
Yeah, I get that; but I said it's possible that there are still browsers in use that don't recognise it - this is borne out by Can I use ... which shows that you need e.g. Firefox 49 or later; Edge 79 or later; etc. Some people may not update their browsers as soon as new versions are released. Perhaps their operating system won't support a current browser. Perhaps their hardware won't support a recent operating system.
But the killer here is the first part of my reply - Short answer: because it's not whitelisted by the MediaWiki software - unless the MediaWiki developers are willing to add the details and summary elements to the whitelist, they cannot be used. That's why I directed 内存溢出的猫 to phabricator; there is more information about making feature requests at WP:BUGS. --Redrose64 🌹 (talk) 18:34, 21 April 2025 (UTC)[reply]
$htmlpairsStatic=[# Tags that must be closed'b','bdi','del','i','ins','u','font','big','small','sub','sup','h1','h2','h3','h4','h5','h6','cite','code','em','s','strike','strong','tt','var','div','center','blockquote','ol','ul','dl','table','caption','pre','ruby','rb','rp','rt','rtc','p','span','abbr','dfn','kbd','samp','data','time','mark'];# These tags can be self-closed. For tags not also on# $htmlsingleonly, a self-closed tag will be emitted as# an empty element (open-tag/close-tag pair).$htmlsingle=['br','wbr','hr','li','dt','dd','meta','link'];# Elements that cannot have close tags. This is (not coincidentally)# also the list of tags for which the HTML 5 parsing algorithm# requires you to "acknowledge the token's self-closing flag", i.e.# a self-closing tag like <br/> is not an HTML 5 parse error only# for this list.$htmlsingleonly=['br','wbr','hr','meta','link'];$htmlnest=[# Tags that can be nested--??'table','tr','td','th','div','blockquote','ol','ul','li','dl','dt','dd','font','big','small','sub','sup','span','var','kbd','samp','em','strong','q','ruby','bdo'];$tabletags=[# Can only appear inside table, we will close them'td','th','tr',];$htmllist=[# Tags used by list'ul','ol',];$listtags=[# Tags that can appear in a list'li',];
Basically, if you can't find an element name in those seven arrays, you can't use it. Thus, 'b' appears, so <b>...</b> is permitted; but 'a' does not, so you can't use <a>...</a>. All of these tags are mentioned at mw:Help:HTML in wikitext#Allowed HTML tags, and vice versa, so I presume that it's definitive. --Redrose64 🌹 (talk) 18:33, 24 April 2025 (UTC)[reply]