Ajuda para Spoiler com jquery e BBcode

squallyon · 19/05/2009

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

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

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

Sonny · 23/06/2009

Sorry por revivir tema pero el Script es este usa esto

PHP:

<!-- Spoiler -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

   $("#capaefectos").hide();
   
   $("#ocultar").click(function(event){
    event.preventDefault();
    $("#capaefectos").hide("slow");
   });

   $("#mostrar").click(function(event){
    event.preventDefault();
    $("#capaefectos").show("slow");
   });
});
</script>
<!-- /Spoiler -->

Te recomiendo que esto lo insertes en tu Header editando tu plantilla desde el admincp
al poner en el header el Script jquerry se incluira en toda la pagina que visualizas entonces esto funcionaria para todas las tablas que tengan la classe de "capaefectos"

salu2

Ajuda para Spoiler com jquery e BBcode

squallyon

Sonny

Tópicos similares