El acordeón es un elemento de control gráfico que comprende una lista de elementos apilados verticalmente, como etiquetas o miniaturas . Cada elemento se puede "expandir" o "contraer" para revelar el contenido asociado con ese elemento. Puede haber cero elementos expandidos, exactamente uno o más de un elemento expandido a la vez, según la configuración.
El término proviene del acordeón musical en el que secciones del fuelle se pueden expandir tirando hacia afuera.
Un ejemplo común de acordeón es la operación Mostrar/Ocultar de una región de cuadro, pero ampliada para tener múltiples secciones en una lista.
Un acordeón tiene un propósito similar a una interfaz con pestañas , una lista de elementos donde exactamente un elemento se expande en un panel (es decir, los elementos de la lista son accesos directos para acceder a paneles separados).
Varias ventanas se apilan unas sobre otras. Todas ellas están " sombreadas ", por lo que solo se ven sus títulos. Si se hace clic en una de ellas para activarla, se "dessombrea" o se "maximiza". Las demás ventanas en acordeón se desplazan alrededor del borde superior o inferior.
Un ejemplo común del uso de un acordeón GUI es la operación Mostrar/Ocultar de una región de cuadro, pero ampliada para tener múltiples secciones en una lista.
SlideVerse es una interfaz de acordeón que proporciona acceso a contenido web. [1]
La vista de lista de Google Reader también incluye esto.
En un ejemplo temprano, la página de descargas de Apple utilizó acordeones con desplazamiento lateral en 2008. En este ejemplo, capturado en Wayback Machine en Internet Archive , la columna izquierda de la página incluye tres categorías que se expanden con el desplazamiento lateral: "Todas las descargas", "Principales descargas de Apple" y "Principales descargas". [2]