Mostrar u ocultar DIVs

[WeSoRz]

Qué no entiendes de esa parte? "#accordion" es el div contenedor, y .accordion(); es la función que te lo hace todo. Por defecto se activa cuando haces click en los elementos "a" contenidos en "#accordion".

El ejemplo que te ponen es muy sencillo, por lo que se puede adaptar a tu necesidad sin problema alguno. Simplemente tienes que llamar a las librerías JS, añadir <script></script> y adaptar tu código al formato que utilizan:

Código HTML:

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
      Texto 1
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        Texto 2
    </div>
    <h3><a href="#">Section 3</a></h3>
    <div>
        Texto 3
    </div>
    <h3><a href="#">Section 4</a></h3>
    <div>
        Texto 4
    </div>
</div>
 

La primera y última líneas van fuera del bucle, los otros tres elementos son los que tienes que generar en cada iteración del while, por lo que cada una tendría que llevar algo así:

Código PHP:

echo '  <h3><a href="#">Section 1</a></h3>
    <div>
      '.$usuario['notas'].'
    </div>';
 

El problema que le veo es que utilizando tablas te dará problemas porque no puedes meterlo todo en el div.

De todos modos, si ves que eso no te sirve, utilizando también jQuery se podría hacer un efecto similar al del acordeón, pero más "adaptable".