Pero, ¿dónde incluyo esto?:
Código PHP:
<script>
$(document).ready(function() {
$("#accordion").accordion();
});
</script>
Supongo que tendré que poner al principio del fichero esto:
Código PHP:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#accordion").accordion();
});
</script>
Y cómo aplico eso a mi fichero? No entiendo lo de "La primera y última líneas van fuera del bucle". Es que me parece extrañísimo este código. Los otros son entendibles pero esto...xDDD
con jQuery te refieres a esto?:
Código PHP:
jQuery(document).ready(function(){
$('.accordion .head').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
});
Menuda locura...
Bueno, también comento que al final he conseguido hacer que con un único click muestre u oculte las notas en la tabla, pero solo eso, sin ocultar una al desplegar otra. He utilizado esto:
Código PHP:
Pongo estos scripts:
<script languaje="JavaScript">
function muestra_oculta(id){
if (document.getElementById){
var el = document.getElementById(id);
el.style.display = (el.style.display == 'none') ? 'block' : 'none';
}
}
window.onload = function(){/
muestra_oculta('contenido_a_mostrar');
}
</script>
Declaro $i=1 fuera del while, y después:
echo '<td>';
echo '<a onclick=muestra_oculta("contenido_a_mostrar'.$i.'") title="">Mostrar/Ocultar</a>';
echo '<div style="display:none;" id="contenido_a_mostrar'.$i.'">';
echo '<p>'.$usuario['notas'].'</p>';
echo '</div>';
echo '</td>';
$i++;
Es algo simple pero bueno, me gustaría conseguir el accordion este...
Estoy perdido en javascript, no sé si podrías aconsejarme algún tuto de inicio...
¡Muchas gracias!