Originariamente inviata da
lucavizzi
Quella è la libreria jQuery, andrebbe inclusa solo una volta nel documento, e dovrebbe essere sufficiente a far girare il mio script.
Hai messo la classe "switch" ai pulsanti e la classe "lezioni" in sostituzione all'omonimo id?
È importante anche che i div.lezioni siano subito dopo i pulsanti.switch senza nessun altro tag HTML in mezzo.
codice:
<head>
<meta charset="utf-8"/> <!-- codifica dei caratteri -->
<title>esami</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.switch').click(function(){
$(this).next().slideToggle();
});
});
</script>
</head>
Codice PHP:
<?php
// Elenco degli esami
$query = "SELECT id, fullname FROM course;";
$result = mysql_query($query, $con);
echo "Esami";
while($row=mysql_fetch_array($result))
{
echo $row['id']." ".$row['fullname'];
?>
<button class="switch">Visualizza lezioni</button>
<div class="lezioni" style="display:none;">
<?php
// Elenco delle lezioni dell'esame scelto
$query1 = "SELECT name FROM url WHERE course=$row['id'];";
$result1 = mysql_query($query1, $con);
echo "Lezioni";
while($row1=mysql_fetch_array($result1))
{
echo $row1[0];
}
?>
</div>
<?php
}
Rispondi quotando
