Sidebar Bootstrap Problema Collapse

[Lion77]

buenas tengo un problema con el sidebar y el problema es que al presionar el boton de + o - que es para cerrar el acordeon funciona una vez solo para cerrar luego ya solo abre el primer boton funciona solo con una sola lista.

Código HTML:

 <!-- Sidebar component with st-effect-1 (set on the toggle button within the navbar) -->
    <div class="sidebar left sidebar-size-1 sidebar-mini-reveal sidebar-offset-0 sidebar-visible-desktop sidebar-visible-mobile sidebar-skin-dark" id="sidebar-menu" data-type="collapse">
      <div data-scrollable>



        <ul class="sidebar-menu sm-icons-right">
<? 
  $sq = "select areas.id,areas.codigo,LOWER(areas.nombre),areas.imagen,areas.orden,areas.submenu,areas.destino from areas where areas.id>-1 order by orden";
  $re = mysql_query($sq,$conexion);   
?>
<? while($rg=mysql_fetch_row($re)){ ?>
      <? if ('0'==$rg[5]){ ?>
          <li <? if ($_GET['modulo']==$rg[6]){ ?> class="active open"<? } ?> ><a href="?modulo=<?=$rg[6];?>"><i class="fa <?=$rg[3];?>">
            

          </i><span><?=ucwords($rg[2]);?></span></a></li>

      <? } ?>

      <? if ('1'==$rg[5]){ ?>
      
          <li class="hasSubmenu <? if ($_GET['modulo']==$rg[6]){ ?>active open<? } ?>">
            <a href="#<?=$rg[6];?>-menu"><i class="fa <?=$rg[3];?>"></i><span><?=ucwords($rg[2]);?></span></a>
            <ul id="<?=$rg[6];?>-menu" class="in">
        
        <? 
       
        $sq2 = "select subareas.id,subareas.codigo,CONCAT(UCASE(MID(LOWER(subareas.nombre),1,1)),MID(LOWER(subareas.nombre),2)) AS name ,LOWER(subareas.carpeta),subareas.id_area,subareas.orden,subareas.activo from subareas where subareas.id_area='".$rg[0]."' and subareas.activo='1' order by orden";
        $re2 = mysql_query($sq2,$conexion);   
        ?>
        
        <? while($rg2=mysql_fetch_row($re2)){ ?>
        
        <?
          $qu33 ="SELECT * FROM acceso where id_menu='".$rg2[0]."' and id_usuario='".$_SESSION['XID']."' limit 1";
          $re33 = mysql_query($qu33,$conexion);
          $xen =mysql_num_rows($re33);
        ?>
        <? if ($xen>0 || $_SESSION['XADMIN']==1){ ?> 
              <li <? if ($_GET['carpeta']==$rg2[3]){ ?>class="active open"<? } ?> ><a href="?modulo=<?=$rg[6];?>&carpeta=<?=$rg2[3];?>"><span><?=ucwords($rg2[2]);?></span></a></li>
      <? } ?>
      <? } ?>
            </ul>
          </li>
      <? } ?>
<? } ?>   

          <li><a href="login.php"><i class="fa fa-sign-out"></i><span>Salir</span></a></li>
        </ul>
      </div>
    </div> 

[xfxstudios]

lo que puedo ver a simple vista es que le asignas la clase active y open a casi todo, lo que te debe estar trayendo problemas, por otro lado no distingo bien donde se encuentra el enlace, tendría que ver la estructura de las tablas y los datos en estas para poder ayudarte mejor, pero recuerda que bootstrap relaciona el destino del enlace principal con la id de la sublista a abrir, utiliza la consola de desarrollador de tu navegador para analizar la estructura ya presentada y ve si las IDs están correctas en el menú.

[Triby]

Muevo tu tema a CSS, que es donde corresponde y podrán orientarte mejor.

[g3kdigital]

¿Que lenguaje estas usando? Puedes encapsular tu código en un jsfiddle o codepen?