El problema es que estas tratando de cerrar el botón en lugar del contenido.
Código Javascript
:
Ver originalif ( $(this).next().is( ":hidden" ) ) {
$('.acc-btn').slideUp('selected');
Tu botón es .acc-btn. Ese div, o lo que sea, es el que captura el evento, y lo que tienes que cerrar es el contenedor del contenido por debajo del botón. Que según veo en tu codepen seria .acc-content.
Por lo que el codigo deberia quedar mas o menos asi.
Código Javascript
:
Ver original$('.acc-btn').click(function(){
if ( $(this).next().is( ":hidden" ) ) {
$('.acc-content').slideUp('selected');
$(this).next().slideDown('selected');
} else {
$(this).next().slideUp('selected');
};
});
Así debería funcionar.
PD: tambien tenes que corregir el css. Guiándote de lo que te mostre.
PD2: Hoy mas tarde, tomo tu codepen, y lo modifico lo necesario para que funcione, y luego te lo envio.