Ayuda BBcode Spoiler jquery

Hola que tal les pido un poco de ayuda con un problemita que tengo les cuento estoy haciendo un bb code spoiler con jquery y la cosa me resulto bien hasta que me di cuenta que solo funciona en el primer spoiler del tema y los demas nada el codigo es bastante sencillo y personalizable con css, se los dejo para ver si les resulta a ustedes y si me pueden ayudar a que funcione en todos los spoiler y aparezca escondido por defecto

Plantilla header headinclude

Código HTML:

<!-- Spoiler -->
<script src="jquery-1.3.2.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>
<!-- /Spoiler -->

BB Code

Código HTML:

<table width="350px" align="left" cellspacing="0" cellpadding="0">
    <tr>
        <td>
<div class="spoiler" >
<div class="spoiler_title">
<a href="#" id="ocultar">Ocultar la capa</a> |
<a href="#" id="mostrar">Mostrar la capa</a>
</div></div>
        </td>
    </tr>
</table>
<br /><br /><br /><br />
<div id="capaefectos">
    <table width="95%" class="spoiler" align="center" cellspacing="0" cellpadding="0">
        <tr>
            <td>
                <br />{param}<br />
            </td>
        </tr>
    </table>
</div>

Les dejo una caps de como se ve aproximadamente el spoiler
se agradece la ayuda desde ya
saludos