¿Como sería la idea de esto?

[caguayo]

Holas a todos:
Necesito algo de iluminación sobre esto que quiero hacer. Uso php.

Tengo 7 divs cada uno con su id. El primer div es fijo, siempre será visible, y los demás ocultos según corresponda. Quiero mostrar el 2do. div según un registro en mysql perteneciente al 1er div.

Luego mostrar el 3ro. según un registro perteneciente al 2do y dejar visible el 2do.

Y así sucesivamente con los demás divs. Lo de mostrar/ocultar los divs lo resuelvo con una función javascript al estilo...

Código Javascript:

function contenido (div1,div2,div3,div4,div5,div6,div7) {
   $(function() {
           $("body").click( function() { 
                 if (div1 == 1) {
 
                 document.getElementById('div2').style.display = '';
                 document.getElementById('div3').style.display = 'none';
                 document.getElementById('div4').style.display = 'none';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
 
                 } else {
 
                 document.getElementById('div2').style.display = 'none';
                 document.getElementById('div3').style.display = 'none';
                 document.getElementById('div4').style.display = 'none';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
                 }
                 if (div2 == 1) {
 
                 document.getElementById('div2').style.display = '';
                 document.getElementById('div3').style.display = '';
                 document.getElementById('div4').style.display = 'none';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
 
                 } else {
 
                 document.getElementById('div2').style.display = 'none';
                 document.getElementById('div3').style.display = 'none';
                 document.getElementById('div4').style.display = 'none';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
                 }
                 if (div3 == 1) {
 
                 document.getElementById('div2').style.display = '';
                 document.getElementById('div3').style.display = '';
                 document.getElementById('div4').style.display = '';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
  
                 } else {
 
                 document.getElementById('div2').style.display = 'none';
                 document.getElementById('div3').style.display = 'none';
                 document.getElementById('div4').style.display = 'none';
                 document.getElementById('div5').style.display = 'none';
                 document.getElementById('div6').style.display = 'none';
                 document.getElementById('div7').style.display = 'none';
                 }
           }
        } );
           $("a").click( function(e) { e.stopPropagation(); } );
        });
}
 

Y así los restantes divs... para tener esta función lista para pasarle valores.

Sobre esto tengo lo siguiente: yo le paso valores a la función... a modos de pruebas... usando

Código Javascript:

<script type="text/javascript">
 
$(document).ready(function() { 
    contenido('1','','','','','','');
});
 
</script>
 

No sé si en los if y sus declaraciones tengo algún rollo pero con la totalidad de los if declarados y activos en la función, cuando le paso un valor a algún div no me está ocultando el respectivo div. Cuando los pruebo uno a uno y desactivando todos los de abajo me funcionan correctamente, todos juntos NO.

La pregunta del millón es...

¿Cómo pasarle a esta función el resultado de la consulta a MySQL?... y sin recargar la pagina.

¿Alguna luz sobre esto?

Esto es... según valor del primer div... vamos por el segundo (y lo mostramos)... según valor del segundo... vamos por el tercero(y lo mostramos).... según valor del tercero vamos por el cuarto(y lo mostramos).... y asíiiiii en adelanteeeeee.

Muchas gracias.

Venga... materia gris a funcionar... cualquier idea es muy bienvenidaaaaaa. Llevo una semana en esto y nadaaaaaaa. Quien se animaaaaa.