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:

<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
}
?>