Avisos
Vaciar todo

[Resuelto] Cerrar acordeón

4 Respuestas
2 Usuarios
0 Reactions
15 Visitas
Respuestas: 31
Eminent Member
Topic starter
 

Buenas tardes me es imposible poder cerrar cuando se despliega uno de los elementos, ya he logrado que salgan predeterminados cerrados para que se vea el título de cada uno con css, pero no consigo cerrarlo una vez abierto, solamente se cierra si pincho en el siguiente y lo que quiero es poder cerrar y abrir donde el título de cada uno.

A ver si podéis ayudarme. Muchas gracias.

Sandra

Contenido solo visible a usuarios registrados


 
Respondido : 25/03/2024 1:55 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Adrian,

Puedes insertar un código para eso, primero tienes que entrar en Divi > opciones del tema > integración > Agregar código al <head> de su blog

Aquí agregas lo siguiente:

<script>
jQuery(function($){
$('.et_pb_toggle_title').click(function(){
var $toggle = $(this).closest('.et_pb_toggle');
if (!$toggle.hasClass('et_pb_accordion_toggling')) {
var $accordion = $toggle.closest('.et_pb_accordion');
if ($toggle.hasClass('et_pb_toggle_open')) {
$accordion.addClass('et_pb_accordion_toggling');
$toggle.find('.et_pb_toggle_content').slideToggle(700, function() {
$toggle.removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close');

});
}
setTimeout(function(){
$accordion.removeClass('et_pb_accordion_toggling');
}, 750);
}
});
});
</script>

Con este agregado guardas los cambios y tendrías que tener las pestañas del acordeón disponibles para cerrarlas al hacerle clic de nuevo.

Un saludo 


 
Respondido : 25/03/2024 4:30 pm
Respuestas: 31
Eminent Member
Topic starter
 

@argenis muchísimas gracias ha funcionado perfectamente!


 
Respondido : 25/03/2024 5:10 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Adrián,

Encantados de poder ayudar, si tienes alguna otra duda, recuerda que puedes crear un nuevo tema y con todo gusto lo vemos.

Un saludo 🖐️ 


 
Respondido : 25/03/2024 5:16 pm