div jquery

[Alberto_Mad]

Hola
tengo una pequeña duda y la verdad es que no se como resolverla

Estoy intentando hacer un efecto con Jquery el cual muestre una capa cuando pulse sobre un enlace y que la oculte cuando pulse sobre otro.
El código que tengo es el siguiente:

Código Javascript:

<script src="jquery-1.5.min.js" type="text/javascript"></script>    
<script> 
$(document).ready(function(){
    $("#ocultar").click(function(event){
      event.preventDefault();
      $("#capaefectos").hide("slow");
    });
 
    $("#mostrar").click(function(event){
      event.preventDefault();
      $("#capaefectos").show(3000);
    });
});
</script>
 

Código con Jquery y el código que me muestra la capa con sus respectivos enlaces es:

Código PHP:

<?php       
 
   while($row = mysql_fetch_array($result)) { 
       print("<p>");
        print(   $row['TituloNoticia']);
           print("<a href='#' id='mostrar'>ver Titulo Notica</a>         
        </p>
        <div id='capaefectos' style='background-color: #cc7700; color:fff; padding:10px; display:none;'>");                       
        print(  $row['DescripcionNoticia']);         
        print(" <br>        
            <br>        
            <a href='#' id='ocultar'>Ocultar la capa</a>
    </div>");   } 
   mysql_free_result($result); 
   mysql_close($link); 
?>
 

Esto lo estoy usando para mostrar una serie de noticias que tengo en una db, pero la cosa es que me va bien para una sola noticia, pero cuando tengo más de una, solo muestra la capa para la primera noticia y no para el resto, ya que el div es único. La cosa es que no se como hacer para que muestre las noticias que dispongo en la db, con sus respectivos títulos y descripcion y que haga el efecto de mostrar y ocultar la capa.

Muchas gracias por su ayuda