JavaScript - Acordeon dinamico

<?php

include("../../resources/php/lib/sqli_conectv1.php");

include("php/check.php");

live();

if(!isset($_SESSION[getActivo()])||!isset($_SESSION[getUser()])||!isset($_SESSION[getTipocuenta()])){

	 redirect("../../login.html",0);

}

else{

$id=$_SESSION[getUser()];

$tc=$_SESSION[getTipocuenta()];

if(Check($id,$tc,$_SESSION[getActivo()])==0){

   redirect("../../login.html",0);

}

$con=new sqli();

// datos de usuario interface

$cuentasys= mysqli_fetch_array(mysqli_query($con->get(),"SELECT * FROM tipo_cuenta WHERE id_tipo_cuenta='$tc'"));

$datosuser= mysqli_fetch_array(mysqli_query($con->get(),"SELECT * FROM cuenta WHERE id_user='$id'"));

$configuser= mysqli_fetch_array(mysqli_query($con->get(),"SELECT * FROM configuracion WHERE id_user='$id'"));

$entrada_msg=  $con->getCount(" mensajes WHERE id_recibio='$id' AND visto=0");

$configsys= mysqli_fetch_array(mysqli_query($con->get(),"SELECT * FROM configuracioncuenta WHERE id_tipo_cuenta='".$datosuser['id_tipo_cuenta']."'"));

// datos de usuario interface

//datos del modulo

if(Checkapp($id,$con)==0){

	redirect($cuentasys['fallo'],0);

}

// aumenta las visitas por usuario

//$con->execute("UPDATE `user_modulo` SET visita=visita+1 WHERE id_user=$id and id_modul=".getModulo());

$datosmudulo= mysqli_fetch_array(mysqli_query($con->get(),"SELECT * FROM modules WHERE id_modul=".getModulo()));

$configuser['bar']=$datosmudulo['color'];

//datos del modulo

?>

<?php

include("../../resources/theme/Module/".$configuser['theme']);

include("php/postgresql_conectv1.php");

	echo headopen1("Catálogo de cuentas");

			if($configuser['asistente']==1){

	echo asistente($con,$id,$cuentasys);

	}

	echo headclose1();

	echo  body1($configuser);

	echo "  <div id='wrapper'>";

	echo main1($con,$datosuser,$configuser,$entrada_msg,$configsys,$cuentasys);

	echo mensajes1($con,$datosuser,$configuser,$entrada_msg,$configsys,$cuentasys);

	echo navp1($con,$datosuser,$configuser,$entrada_msg,$configsys,$cuentasys);

	$conp=new postgresql();

?>

	<div class="modal fade" id="mostrarmodal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">

      <div class="modal-dialog">

        <div class="modal-content">

           <div class="modal-body animated zoomIn" id="Previo">

              <h4>Texto de la ventana</h4>

              Mas texto en la ventana.

       </div>

           <div class="modal-footer">

          <a href="#" data-dismiss="modal" class="btn btn-danger">Cerrar</a>

           </div>

      </div>

   </div>

</div>

        <div id="page-wrapper" style="background-color:<?php echo $configuser['bg1']?>;">

 <div class="row">

                <div class="col-lg-15">

			  <div class="row   animated fadeInLeft" style="background-color:<?php echo $configuser['bg0']?>;">

                <div class="col-lg-15" >

                   <p class="navbar-text pull-left">

				    <a href="index.php" class="navbar-link" style="color:<?php echo $configuser['hiper'];?>;"><span class="fa fa-home fa-fw" style="color:<?php echo $configuser['icon']?>;"></span><?php echo utf8_encode($datosmudulo['name']);?> ></a>

					<a href="for.php" class="navbar-link" style="color:<?php echo $configuser['hiper'];?>;"><span class="fa fa-group fa-fw" style="color:<?php echo $configuser['icon']?>;"></span>Catálogo de cuentas ></a>

					<div align="right">

						<div id="containerEx3">

						<div class="BotonV">

					<button style="background-color:#E62117;color:white;" onclick="javascript:window.location='index.php'" class="btn btn-primary"><span class="fa fa-arrow-circle-left" ></span> Regresar</button>

					</div></div>

					</div>

					</p>

                </div>

            </div>

			</div>

			 <div class="row  animated bounceInUp">

                <div class="col-lg-8 col-md-offset-2">

				<h2 align="center">Catálogo de cuentas</h2>

				<br>

</div></div>

				<style type="text/css">

					/**/

					*{

						margin: 0;

						padding: 0;

						-webkit-box-sizing: border-box ;

						-moz-box-sizing: border-box ;

						box-sizing:  border-box;

					}

					main{

						background: #0b2027;

						font-family: 'Roboto', sans-serif;

						line-height: 18px;

					}

					a{

						text-decoration: none;

						color :#fff;

					}

					.btn-menu{

						display: none;

						padding: 20px;

						background: #78079C;

						color: #fff;

					}

					.btn-menu .icono{

						float: right;

					}

					.contenedor-menu{

						width:100%;

						margin:auto;

						display: inline-block;

						font-family: 'Roboto', sans-serif;

						line-height: 18px;

					}

					.contenedor-menu .menu{

						width: 100%;

					}

					.contenedor-menu ul{

						list-style: none;

						position: static;

					}

					.contenedor-menu .menu li a{

						color: #494949;

						display: block;

						padding: 15px 15px;

						background: #650080;

					}

					.contenedor-menu .menu ul li a{

						background: #424242;

						color: #e9e9e9;

					}

					.contenedor-menu .menu ul li ul li a{

						background:#828282;

						color: #e9e9e9;

					}

					.contenedor-menu .menu ul li ul li ul li a{

						background: #D3D3D3;

						color: #0000;

					}

					.contenedor-menu .menu li a:hover{

						background: #1a95d5;

						color: #fff;

					}

					.contenedor-menu .menu ul li ul li a:hover{

						background: #007CFF;

						color: #e9e9e9;

					}

					.contenedor-menu .menu ul li ul li ul li a:hover{

						background:#130073;

						color: #e9e9e9;

					}

					.contenedor-menu .menu .icono {

						font-size: 12px;

						line-height: 16px;

					}

					.contenedor-menu .menu .icono.izquierda {

						float: left;

						margin-right: 10px;

					}

					.contenedor-menu .menu .icono.derecha {

						float: right;

						margin-left: 10px;

					}

					.contenedor-menu .menu ul{

						display: none;

					}

					/*.contenedor-menu .menu a{

						background: #1a95d5;

						color: #fff;

					}*/

				 </style>

<main>

<?php

$sql00="SELECT * FROM public.catalogogenero ORDER BY idcatalogogenero ASC";

$genero=pg_query($conp->get(),$sql00);

 echo'<div class="contenedor-menu">';

	   echo '<a href="#" class ="btn-menu" >MENU<i class="icono fa fa-bars"></i></a>';

while($r_resx= pg_fetch_assoc($genero)){

	$key0=$r_resx['idcatalogogenero'];

echo "<ul class='menu'><li class='activado'>";

$sql0="SELECT * FROM public.catalogogrupo  WHERE idcatalogogenero=".$r_resx['idcatalogogenero']." ORDER BY idcatalogogenero,idcatalogogrupo ASC ";

	echo "<a><table><tr>";

	echo "<td><a href='#' >".$key0." ".$r_resx['genero']."<i class='icono derecha fa fa-chevron-down'style='font-size:20px;'></i></a>";

	echo "</td>";

echo '<td><a style="color:GREEN; font-size:18px;" title="Ver RESUMEN" onclick="javascript:preurl(\'RESUMENPOLI.php?cuenta='.base64_encode ($key0).'\')" ><span  class="glyphicon glyphicon-eye-open"></span></a></td>';

echo "</tr></table></a>";

$Grupo=pg_query($conp->get(),$sql0);

while($r_res= pg_fetch_assoc($Grupo)){

	$key1=$r_res['idcatalogogenero'].".".$r_res['idcatalogogrupo'];

	echo "<ul class='menu'><li class='activado'>";

	echo "<a><table><tr>";

	echo "<td>	<a href='#'>".$key1.($r_res['grupo'])."<i class='icono derecha fa fa-chevron-down'></i></a></td>";

	echo '<td><a style="color:GREEN; font-size:18px;" title="Ver RESUMEN" onclick="javascript:preurl(\'RESUMENPOLI.php?cuenta='.base64_encode ($key1).'\')" ><span  class="glyphicon glyphicon-eye-open"></span></a></td>';

	if($r_res['poliza']==1){

	echo "<td><a style='color:orange; font-size:18px;' title='Agregar Póliza'  onclick=\"javascript: window.location ='reg.php?cuenta=".base64_encode ($key1)."&des=".base64_encode ($r_res['grupo'])."';\" ><span  class='fa fa-book'></span></span></a></td>";

	}

	echo "</tr></table></a>";

	$sql1="SELECT * FROM public.catalogorubro WHERE idcatalogogenero=".$r_res['idcatalogogenero']." AND idcatalogogrupo=".$r_res['idcatalogogrupo']."

ORDER BY idcatalogogenero,idcatalogogrupo,idcatalogorubro

ASC ";

	$rubro=pg_query($conp->get(),$sql1);

	while($r_res0= pg_fetch_assoc($rubro)){

		$key2=$r_res0['idcatalogogenero'].".".$r_res0['idcatalogogrupo'].".".$r_res0['idcatalogorubro'];

		echo "<ul><li class='activado'>";

		echo "<a><table><tr>";

	echo "<td><a href='#'>".$key2.($r_res0['rubro'])."<i class='icono derecha fa fa-chevron-down'></i></a></td>";

	echo '<td><a style="color:GREEN;font-size:18px;" title="Ver RESUMEN" onclick="javascript:preurl(\'RESUMENPOLI.php?cuenta='.base64_encode ($key2).'\')" ><span  class="glyphicon glyphicon-eye-open"></span></a></td>';

	if($r_res0['poliza']==1){

	echo "<td><a style='color:orange;font-size:18px;' title='Agregar Póliza'  onclick=\"javascript: window.location ='reg.php?cuenta=".base64_encode ($key2)."&des=".base64_encode ($r_res0['rubro'])."';\" ><span  class='fa fa-book'></span></span></a></td>";

	}

	echo '<td><a style="color:white;font-size:18px;" title="Ver Pólizas" onclick="javascript: window.location=\'verpolicu.php?cuenta='.base64_encode ($key2).'\';" ><span  class="glyphicon glyphicon-eye-open"></span></td>';

	echo "</tr></table></a>";

		$sql2="SELECT * FROM public.catalogocuentas WHERE idcatalogogenero=".$r_res0['idcatalogogenero']." AND idcatalogogrupo=".$r_res0['idcatalogogrupo']." AND idcatalogorubro=".$r_res0['idcatalogorubro']."

ORDER BY idcatalogogenero,idcatalogogrupo,idcatalogorubro,idcatalogocuentas

ASC";

		$cuenta=pg_query($conp->get(),$sql2);

	while($r_res1= pg_fetch_assoc($cuenta)){

		$key3=$r_res1['idcatalogogenero'].".".$r_res1['idcatalogogrupo'].".".$r_res1['idcatalogorubro'].".".$r_res1['idcatalogocuentas'];

		echo "<ul><li class='activado'>";

		echo "<a><table><tr>";

		echo "<td><a href='#'>".$key3.($r_res1['cuenta'])."<i class='icono derecha fa fa-chevron-down'></i></a></td>";

		echo '<td><a style="color:GREEN;font-size:18px;" title="Ver RESUMEN" onclick="javascript:preurl(\'RESUMENPOLI.php?cuenta='.base64_encode ($key3).'\')" ><span  class="glyphicon glyphicon-eye-open"></span></a></td>';

	if($r_res1['poliza']==1){

	echo "<td><a style='color:orange;font-size:18px;' title='Agregar Póliza'  onclick=\"javascript: window.location ='reg.php?cuenta=".base64_encode ($key3)."&des=".base64_encode ($r_res1['cuenta'])."';\" ><span  class='fa fa-book'></span></span></a></td>";

	}

	echo '<td><a style="color:white;font-size:18px;" title="Ver Pólizas" onclick="javascript: window.location=\'verpolicu.php?cuenta='.base64_encode ($key3).'\';" ><span  class="glyphicon glyphicon-eye-open"></span></td>';

	echo '<td><a style="color:green;font-size:18px;" title="Crear Subcuenta" onclick="javascript: preurl(\'regsubcuenta.php?cuenta='.base64_encode ($key3).'&des='.base64_encode ("r").'\');" ><span  class="fa fa-plus-square"></span></td>';

		echo "</tr></table></a>";

		$sql3="SELECT * FROM public.catalogosubcuentas  WHERE idcatalogogenero=".$r_res1['idcatalogogenero']." AND idcatalogogrupo=".$r_res1['idcatalogogrupo']." AND idcatalogorubro=".$r_res1['idcatalogorubro']." AND idcatalogocuentas=".$r_res1['idcatalogocuentas']."

ORDER BY idcatalogogenero,idcatalogogrupo,idcatalogorubro,idcatalogocuentas,idcatalogosubcuentas

ASC ";

		$subcuenta=pg_query($conp->get(),$sql3);

	while($r_res2= pg_fetch_assoc($subcuenta)){

		$key4=$r_res2['idcatalogogenero'].".".$r_res2['idcatalogogrupo'].".".$r_res2['idcatalogorubro'].".".$r_res2['idcatalogocuentas'].".".$r_res2['idcatalogosubcuentas'];

		echo "<ul><li class='activado'>";

		echo "<a><table><tr>";

		echo "<td><a href='#'>".$key4.($r_res2['subcuenta'])."<i class='icono derecha fa fa-chevron-down'></i></a></td>";

	echo '<td><a style="color:GREEN;font-size:18px;" title="Ver RESUMEN" onclick="javascript:preurl(\'RESUMENPOLI.php?cuenta='.base64_encode ($key4).'\')" ><span  class="glyphicon glyphicon-eye-open"></span></a></td>';

	if($r_res2['poliza']==1){

	echo "<td><a style='color:orange;font-size:18px;' title='Agregar Póliza'  onclick=\"javascript: window.location ='reg.php?cuenta=".base64_encode ($key4)."&des=".base64_encode ($r_res2['subcuenta'])."';\" ><span  class='fa fa-book'></span></span></a></td>";

	}

	echo '<td><a style="color:white;font-size:18px;" title="Ver Pólizas" onclick="javascript: window.location=\'verpolicu.php?cuenta='.base64_encode ($key4).'\';" ><span  class="glyphicon glyphicon-eye-open"></span></td>';

	echo '<td><a style="color:blue;font-size:18px;" title="Editar" onclick="javascript: window.location=\'regsubcuenta.php?cuenta='.base64_encode ($key4).'&des='.base64_encode ('e').'&nom='.base64_encode ($r_res2['subcuenta']).'\';" ><span  class="fa fa-pencil-square-o"></span></td>';

	echo '<td><a style="color:red;font-size:18px;" title="Eliminar" onclick="javascript:VALID(\'Quiere eliminar Cuenta ?\',\'php/delsubcuenta.php?cuenta='.base64_encode ($key4).'&es='.base64_encode ('del').'\');" ><span  class="fa fa-trash"></span></td>';

		echo "</tr></table></a>";

	echo"</li>";

	echo"</ul>";

		}echo"</li>";

	echo"</ul>";

	}echo"</li>";

	echo"</ul>";

	}

	echo"</li></nav>";

	echo"</ul>";

   }

	echo"</li>";

	echo"</ul>";

}echo"</div>";

?></main>

<!--

<div id="containerEx3" align ="right">

<div class="BotonG">

<button style="background-color:<?php echo $configuser['icon'];?>;color:black;" type='submit'  class="btn btn-primary"><span style="font-size:24px;"class='glyphicon glyphicon-print'> Imprimir</span></button>

</div></div>

-->

<?php

	echo bug();

	echo "</div>";

	if($configuser['scroll']==1){

	echo VA();

	}

?>

<script type="text/javascript" src="../../resources/js/jquery-3.1.1.js"></script>

<script type="text/javascript">

$(document).ready(function(){

	$('.menu li:has(ul)').click(function(e){

		e.preventDefault();

		if($(this).hasClass('activado')){

			$(this).removeClass('activado');

			$(this).children('ul').slideUp();

		}else{

			$('.menu li').removeClass('activado');

			$(this).addClass('activado');

			$(this).children('ul').slideDown();

			$(this).children('li').slideUp();

		}

	});

	$('.btn-menu').click(function(){

		$('.contenedor-menu .menu').slideUp();

	});

});

      function preurl(url) {

      document.getElementById("Previo").innerHTML="<object type='text/html' data='"+url+"' width='100%' height='600px' > < /object>";

         $("#mostrarmodal").modal("show");

      }

</script>

<?php

	echo fooder1();

	}

?>