Un elemento plegable contiene una palanca que un lector puede usar para mostrar u ocultar el contenido del elemento. Los elementos se hacen plegables agregando la mw-collapsibleclase o, alternativamente, usando la plantilla o sus variantes y .{{Collapse}}{{Collapse top}}{{Collapse bottom}}
El uso de estas funciones en el contenido del artículo se rige por las pautas Wikipedia: Manual de estilo § Listas de desplazamiento y contenido plegable en general, y más específicamente por Wikipedia: Spoiler .
La mw-collapsibleclase puede hacer que cualquier elemento sea plegable, pero las tablas son particularmente sencillas de hacer plegables. Agregar la mw-collapsibleclase a una tabla posiciona automáticamente el interruptor y selecciona qué partes colapsar.
Un uso común es crear una tabla de diseño plegable, que siempre muestra una introducción o un resumen, pero oculta el resto del contenido de la vista inmediata. La introducción o resumen está en la primera fila y el contenido en las filas siguientes. Luego se puede acceder fácilmente al contenido mediante el botón "mostrar".
En los ejemplos siguientes, el uso de la clase wikitablees simplemente por apariencia; No es necesario para mw-collapsiblefuncionar.
Las tablas de datos más complejas también se pueden contraer.
El solo uso de la mw-collapsibleclase deja el elemento expandido de forma predeterminada, pero el lector puede contraerlo. También es posible contraer el elemento de forma predeterminada y, opcionalmente, expandirlo agregando otras clases junto con mw-collapsible. Existen varios métodos para hacer esto, dependiendo de las situaciones en las que desee que el elemento colapse. Sin embargo, el contenido no debe contraerse de forma predeterminada según MOS:DONTHIDE .
Agregar la mw-collapsedclase hará que el elemento siempre esté inicialmente colapsado, sin importar lo que suceda a su alrededor. Es el método más sencillo para hacerlo. Usando los ejemplos anteriores:
Agregar la autocollapseclase hace que un elemento se colapse si hay 2 o más elementos plegables en la página. Este umbral puede ser diferente en otros proyectos y es personalizable. Por lo tanto, el siguiente ejemplo colapsa porque hay numerosos elementos colapsables en esta página.
Usando este par de clases, es posible contraer un elemento de forma predeterminada solo cuando está contenido dentro de un elemento externo particular. Un elemento con las clases mw-collapsibley innercollapsese contrae de forma predeterminada si está contenido dentro de un elemento con la outercollapseclase; de lo contrario, se abre de forma predeterminada. Esto es útil principalmente para plantillas, que a menudo están anidadas.
Una tabla sin título colapsará en su primera fila. Una tabla con un título se contraerá hasta su título, sin filas y, por lo tanto, sin ancho. Utilice class="nowrap"o para evitar que el título se comprima en una columna vertical cuando la tabla está colapsada.{{nowrap}}
El siguiente ejemplo utiliza donde los corchetes finales se convierten en el punto de ajuste. no trabajará.{{nowrap}}<style=max-width:Xem;
Las mesas plegables se pueden combinar sin dificultad con la función de mesas clasificables . Sin embargo, debido a que el botón ocultar/mostrar se coloca collapsibleen la primera celda del encabezado ubicada o en mw-collapsiblela celda del encabezado derecho (esta diferencia puede cambiar ), su ubicación puede parecer un poco peculiar si la celda no es lo suficientemente ancha:
Una posible alternativa es agregar un título sobre la tabla. Vea el siguiente ejemplo.
Los usuarios registrados pueden editar su archivo js personal para cambiar algunas de las variables utilizadas.
autoCollapse = 4 //cuántas tablas plegables en la página antes de que funcione el autocollapse (predeterminado=2) var crashCaption = 'collapse' //texto del enlace [ocultar] (default='hide') var expandCaption = 'uncollapse' // texto del enlace [mostrar] (predeterminado='mostrar') Documentación:
Plantillas: