Problemi col div in Javascript e PHP

Salve a tutti. Io estraggo gli id degli utenti, li stampo e poi, cliccando sopra l'id stampato, si apre un DIV e visualizzo il loro messaggio. Solo che, quando clicco su un altro id, il div 1 si dovrebbe chiudere, invece non succede. Come posso fare? Il codice è questo:

Codice PHP:

---

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<?php

mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('diego') or die(mysql_error());

$select = mysql_query("SELECT * FROM home") or die(mysql_error());

while($se = mysql_fetch_array($select)){
$id = $se['ID'];
$messaggio = $se['MESSAGGIO'];

?>

<script type="text/javascript">

$(document).ready(function(){


$("#2_<?php echo $id; ?>").hide();
$("#1_<?php echo $id; ?>").show();

$('#1_<?php echo $id; ?>').click(function(){
$("#2_<?php echo $id; ?>").slideToggle();
});
});

</script>





<a href="#" class="show_hide" id="1_<?php echo $id; ?>"><?php echo $id; ?></a><p>

<div class="div" id="2_<?php echo $id; ?>" style="height: auto; width: 40%; border: 1px solid black; position:absolute; left: 10%; top: 10px;">

<?php echo $messaggio; ?>

</div>







<?php
}
?>

---