Ver Mensaje Individual
  #23 (permalink)  
Antiguo 01/02/2011, 05:23
WeSoRz
 
Fecha de Ingreso: enero-2007
Mensajes: 146
Antigüedad: 17 años, 3 meses
Puntos: 16
Respuesta: Mostrar u ocultar DIVs

La nueva función que has puesto es simplemente juntar el mostrar y ocultar en una única función.

Viendo que lo del acordeón quizá te sobra, te recomiendo hacer lo siguiente (trataré de ir paso a paso).

1) En el head agrega ésta linea:
Código HTML:
Ver original
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

2) A continuación agrega éste código (en el head o en el body):
Código HTML:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.     $(document).ready(function()
  3.     {
  4.         $("a.muestra").click(function()
  5.       {
  6.             var active = $(this).attr("href");
  7.             $(active).slideToggle("slow");
  8.             return false;
  9.         });
  10.     });
  11.   </script>

3) Cada iteración del bucle tiene que ser de la siguiente forma (aunque puedes adaptarlo a tu gusto):
Código PHP:
Ver original
  1. echo '<td>';
  2.           echo '<a class="muestra" href="#m'.$i.'">Mostrar/Ocultar</a>';
  3.           echo '<div id="m'.$i.'" style="display: none;">';
  4.           echo '<p>'.$usuario['notas'].'</p>';
  5.           echo '</div>';
  6. echo '</td>';
  7. $i++;

Eso debería funcionarte sin problemas a no ser que se me haya pasado alguna comilla o similar (lo estoy poniendo sobre la marcha xD). Si falla y no encuentras el problema, pégame el html que te genera.

Un saludo ;)

Última edición por WeSoRz; 01/02/2011 a las 05:29