Salve ragazzi. Ho scritto questo modulo che però non funziona:
codice HTML:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e){
  e.preventDefault();
  $(".risposta").hide();
  $('div[id^=domanda]').show().click(function(){$(this).next().slideToggle()});
});
</script>
</head>
<body>
<div class="Domande biologia">

<h4>Biologia</h4>
<a href="#" class="domanda" id="Domanda1">1</a>
<div id="Risposta1" class="risposta">
<p>Domanda1</p>
</div>

<a href="#" class="domanda" id="Domanda2">2</a>
<div id="Risposta2" class="risposta">
<p>Domanda2</p>
</div>

</div>
</body>
</html>
Desidero che ogni id sia cliccabile e mostri la Riposta con id relativo.

Cosa sbaglio?