Un acordeón es un tipo de menú que permite mostrar contenido adicional debajo del encabezado tras la acción del mouse. Solo se puede abrir el contenido de un encabezado a la vez. Cuando se selecciona el siguiente encabezado, el contenido del encabezado anterior se cerrará.

Más sobre accordion...

Estoy tratando de hacer que mi encabezado / banner (que eventualmente se ingresará en una página maestra de SharePoint) responda. Tengo una altura establecida para el encabezado, donde, por lo general, si hago algo que responda, establezco la altura en automático. Estoy usando un flex para contener....
25 feb. 2021 a las 00:32
Tengo una serie de enlaces de anclaje en la parte superior de mi página y una serie de acordeones en la parte inferior de la página. Mi objetivo es que cuando alguien haga clic en el enlace de ancla, lo dejará caer al acordeón correspondiente y lo abrirá automáticamente. Los elementos de acordeón ....
13 feb. 2021 a las 03:37
Estoy creando una sección de información con tres opciones desplegables 'Duración del curso' 'Precios' y 'Cancelaciones' Véalo aquí en vivo Por alguna razón, solo se puede hacer clic en las casillas de verificación en series (es decir, no puedo hacer clic para expandir 'Cancelaciones' a menos que ha....
12 feb. 2021 a las 14:45
Quiero cambiar entre acordeón y pestañas, dependiendo del ancho de la pantalla usando la implementación de reacción de la interfaz de usuario del material (MUI). es posible? La documentación no parece cubrir este caso de uso, pero habría pensado que sería bastante común. Actualmente estoy haciendo....
11 feb. 2021 a las 14:55
He construido varios acordeones uno al lado del otro dentro de una mesa. La idea era abrir el primer acordeón para obtener nuevas opciones y abrirlas para obtener la información dentro. Ahora tengo el problema de que si abro el segundo acordeón, el acordeón que está justo al lado se mueve al centro....
8 feb. 2021 a las 15:30
Tengo un acordeón que tiene tres áreas de contenido. Quiero activar el acordeón relativo cuando alguien hace clic en un elemento del menú que tiene un ancla adjunta a la URL (/ expertise # target). La forma en que mi acordeón está configurado, agrega .show al panel .panel en el que se hace clic en....
3 feb. 2021 a las 16:46
Estoy usando jQuery Accordion para agrupar 5 secciones diferentes en mi sitio. Esto funciona bien, con una excepción: durante la carga de la página, se muestran los elementos DENTRO de los acordeones, lo que resulta en una experiencia de carga muy fea. ¿Puedo tener estos elementos ocultos en la ca....
29 ene. 2021 a las 23:57
Tengo un sitio con el tema Bootstrap 4. Quiero que el menú collapseMenuManage se abra automáticamente cuando se presente. Aquí está el código HTML de mi página: <div id="modal_aside_first" class="modal fixed-right pl-0 fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-asid....
Tengo una imagen de flecha svg dentro de cada encabezado de mi tarjeta de acordeón Bootstrap 4. Quiero que la flecha del encabezado que abro gire 180 grados mientras está abierto y que vuelva a su estado inicial si lo cierro o abro otro encabezado. En este momento, las flechas solo giran mientras ....
Estoy tratando de hacer un acordeón plegable, pero el problema que tengo es que todos pueden abrirse a la vez y solo quiero que uno se abra a la vez. Básicamente quiero que se abra uno, pero al hacer clic en otro, cierra el que ya está abierto y abre el nuevo. este es el código que tengo. var ac....
31 dic. 2020 a las 11:44
Tengo experiencia trabajando con HTML y CSS, pero recién estoy comenzando a aprender JS, por lo que mi código probablemente lo refleja. He insertado un acordeón vainilla JS en mi sitio web, pero también quiero agregar (preferiblemente varios) enlaces Collapse-All en la página. Este es mi HTML, CSS....
28 dic. 2020 a las 08:38
Estoy usando varios acordeones separados en una página en diferentes lugares. Si abro una pestaña de acordeón, todos los demás acordeones "independientes" deberían cerrarse. Como puede ver aquí: jsfiddle example at jsfiddle Si abro "SEGUNDO acordeón - Sección x", todas las secciones del "Primer a....
27 dic. 2020 a las 18:02
Tengo una imagen de flecha en cada título de mi tarjeta de acordeón Bootstrap 4. Mi objetivo es que todos estén alineados uno encima del otro en el borde derecho (pero aún dentro) del borde de la tarjeta. Todo lo que he intentado hasta ahora empuja las flechas fuera de la tarjeta o las hace ir por....
23 dic. 2020 a las 17:06
Tengo varios acordeones en una página de archivo con un estado predeterminado como contraído. Cada acordeón tiene enlaces y cuando hago clic en uno de ellos aterrizo en su propia página y, por supuesto, cuando regreso los acordeones están todos colapsados. Lo que sí quiero hacer, en cambio, es vol....
15 dic. 2020 a las 13:55
Estoy tratando de crear un acordeón, pero solo logré que el primer botón plegable funcione correctamente, mientras que los otros botones plegables no solo no funcionan, sino que tampoco aparecen en absoluto. Cuando elimino el CSS de la variable "contenido", todo el contenido se muestra correctamente....
30 nov. 2020 a las 20:48
Tengo un acordeón plegable colocado dentro de un formulario. Al presionar el botón para extenderse, el acordeón se propaga y se colapsa instantáneamente. Si no lo pongo en el formulario, funciona bien para mí. Este es el código simplificado: index.html: <html> <head> <meta charset="UTF-8"> ....
28 nov. 2020 a las 20:28
$('.accordion').on('click', '.accordion-control', function(e){ e.preventDefault(); $(this) .next('.accordion-panel') .not(':animated') .slideToggle(); }); <ul class="accordion"> <li> <button class="accordion-control">Something</button> <div class="accordion-panel....
15 nov. 2020 a las 23:36
¿Pueden ayudarme a intentar corregir este código? Me gustaría asegurarme de tener una lista de pedidos de clientes. Cada pedido debe poder desenrollarse para que podamos acceder al detalle del número de artículos, su detalle y el precio del pedido. Quería intentar hacer esto con react-native-paper y....
¿Existe una forma sencilla de adaptar el código a continuación para que solo el botón en el que se haga clic ejecute el código slideDown / slideUp a continuación? Tengo 5 botones con el html a continuación. Sé que el código no es ideal, pero soy un principiante y es para una prueba, así que me gusta....
11 oct. 2020 a las 15:14
El código se tomó de aquí: https://www.w3schools.com/howto/howto_js_accordion.asp Funciona en IE 11 e IE 10 pero el cliente quiere que también funcione en IE9. Lo sé ... ¡ayúdame Dios! var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEv....
11 oct. 2020 a las 06:21
¿Cómo puedo crear un acordeón como este? -parent -subparent1 -subparent2 ... -subparentN - child Aquí están mis datos. //parents {id: 1, name: "", parent_id: null} {id: 2, name: "", parent_id: null } {id: 3, name: "", parent_id: null } {id: 4, name: "", paren....
29 sep. 2020 a las 10:47
Estoy construyendo un sitio con Bootstrap 4 y tengo 3 <div> que contienen un acordeón cada uno. Cada <div> tiene su propio id, de esa manera puedo mostrar / ocultar el que quiero. Estoy teniendo problemas con la apertura y el colapso de algunas partes de todos los acordeones (cuando abro uno, el o....
10 sep. 2020 a las 22:38
He construido un acordeón que puedo agregar dinámicamente desde una entrada y todo funciona bien, excepto cuando hago clic en el texto del encabezado del acordeón, no funciona y también cuando hago clic en el ícono de chevron en el lado derecho, aparece un error. No estoy seguro de por qué sucede e....
21 ago. 2020 a las 01:10
https://i.stack.imgur.com/LqhXn.png Esto no Me pertenece, pero es claro explicar lo que quiero lograr. Abajo está mi código actual <div class="accordion" id="myAccordion"> <div class="card"> <div class="card-header" id="section1" data-toggle="collapse" data-target="#collapseOne....
13 ago. 2020 a las 17:57
Escribí el código de JavaScript para un acordeón simple. El programa funciona, pero tengo el problema de que cada vez que cargo la página tengo que hacer doble clic en el encabezado (etiqueta h2), después de eso funciona bien y responde a un clic. No sé por qué no entra en el segundo ciclo for inmed....
2 jul. 2020 a las 12:45