[SOLUCIONADO] Plegar desplegable al pulsar en otro desplegable hermano

[MindPaniC]

Hola,

Tengo unos desplegables en los cuales pulsas un boton que cambia la clase para mostrar un icono y otro, funcionan bien pero voy desplegando y si pincho en otro el anterior se queda desplegado y hay que volver a pulsas para cerrarlo, lo que quiero es que aunque haya un desplegable abierto si pulsas en otro se cierre y te abra el nuevo.

de momento tengo la funcion para el desplegable as:

Código Javascript:

$(document).ready(function(){
    $('.btn_tabla_desplegar').click(function(){
        $('.subcontenido_habilidades').hide;
        $(this).toggleClass('plegar_contenido');
        $(this).parent().next('.subcontenido_habilidades').toggle();
    });
});
 

He pensado en primero cerrar todo con un hide y luego abrir al pinchar pero no se muy bien como hacerlo.

Saludos

[alexg88]

¿Puedes poner el html correspondiente para tener una idea de la estructura?

Un saludo.

[MindPaniC]

Buenas, disculpa por no haber puesto el html, al final lo he solucionado con lo siguiente:

Código Javascript:

$('.btn_desplegable_habilidades').click(function(){ 
$('.btn_desplegable_habilidades').parent().next('.subcontenido_habilidades').hide();
        $(this).parent().next('.subcontenido_habilidades').toggle();
        if (!($(this).hasClass('plegar_contenido'))) {
            $(this).parent().next('.subcontenido_habilidades').hide();
            $('.btn_desplegable_habilidades').addClass('plegar_contenido');
        } else {
            $('.btn_desplegable_habilidades').addClass('plegar_contenido');
            $(this).removeClass('plegar_contenido');
            $(this).parent().next('.subcontenido_habilidades').show();
        }
    });
 

Creo que el código se entiende bien, doy la respuesta por solucionada y te doy voto por tratar de ayudarme.