23/06/2008, 05:21
|
| | | Fecha de Ingreso: septiembre-2005
Mensajes: 1.607
Antigüedad: 19 años, 2 meses Puntos: 19 | |
Respuesta: jquery slideToggle Bueno, lo he resuelto sin el slideToggle de esta manera:
Código:
$(document).ready(function()
{
// por defecto, escondemos la capa y ponemos su estado en escondido
$('#capa').hide();
$('#capa').attr('status', 'hidden');
$('#menu_capa').click(function(){
// si la capa esta escondida
if( $('#capa').attr('status') == 'hidden' )
{
// mostramos la capa
$('#capa').slideDown('slow',function(){
// cuando acaba de mostrarse, substituimos su contenido por un flash
$('#capa').flash(
{ src: 'capa.swf', width: 320, height: 240 },
{ version: 8 },
function(htmlOptions){
jQuery(this)
.addClass('flash-replaced')
.html($.fn.flash.transform(htmlOptions));
}
);
});
// cambiamos el estado de la capa a 'mostrada'
$('#capa').attr('status', 'shown');
}
// si la capa esta 'mostrada'
else if( $('#capa').attr('status') == 'shown' )
{
// substituimos el contenido de la capa por una imagen
$('#capa').html("<img src=\"capa.jpg\" />");
// cerramos la capa
$('#capa').slideUp('slow');
// cambiamos el estado de la capa a 'escondida'
$('#capa').attr('status', 'hidden');
}
return false;
});
});
EDIT: Se me olvidó decir que utilicé este plugin flash. |