Código CSS :
<style type="text/css">
dl.codebox {
width: 670px;
border: 1px solid transparent;
background-color: #000;
border-radius: 6px;
}
dl.codebox dt {
width: 600px;
height: 45px;
border:none;
font-size: 0.8em;
font-weight: bold;
display: block;
color: #000000;
}
</style> Código HTML :
<dl class="codebox" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">
<dt>
<span class="codebox.spoiler"><font color="#d5d5d5">Opción #1 -</font> <span style="line-height: 0; display: none;"></span><font color="#54c4ff">Nahuel - 480p - 90MB - </font><font color="#ff5959">Mega</font><span style="line-height: 0; display: none;"></span><</span>
</dt><dd><div style="display:none;">
<br>
<br>
</div></dd></dl>Esto forma un SPOILER, eso que sirve para mostrar o ocultar contenido, bien, pues yo tengo entendido que para que al abrirlo produzca en efecto deslizante es necesario el siguiente codigo:
Código Javascript :
$(function(){
/******* ZONA EDITABLE *****/
var velocidadPersiana= 800; //1000 = 1 segundo
/******** FIN ZONA EDITABLE ******/
$('.codebox.spoiler').each(function(){
$(this).find('dt:first').click(function(){
$(this).closest('.codebox.spoiler').find('.spoiler_content:first').toggle(velocidadPersiana);
});});});He intentado ponerlo con las balizas <script type="text/javasprit"> </script> pero no funciona
Tambien lo he intentado con lo de <style type="text/javasprit"> </style> y tampoco funciona, creo que el problema es que el javasprit no conecta con los codigos de antes, y me gustaria solucionar mi problema,
muchisimas gracias por el soporte!
Saludos!
