Autor |
Mensaje |
-
![pruevadesingblog](//wtheme.webme.com/img/profile/default.png)
pruevadesingblog
Nuevo
Ubicación: Venezuela - Barquisimeto
|
21-03-2011, 00:36 (UTC) Título del mensaje: [jQuery-CSS-HTML] Expandir Y Contraer |
|
|
Aca les dejo un code sencillo para Expandir y contraer (:
Lo pueden utilizar para:
Imagen
Texto
Video
O lo que quieran poner
Vista Previa :
http://i53.tinypic.com/2eyw1ds.gif
Código:
<script type="text/javascript" src="http://desencripmf.byethost22.com/contraer.js"></script> <script type="text/javascript">
$(function()
{
$("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});
$("#caja a").click(function(event) {
event.preventDefault();
$("#caja").slideUp();
});
});
</script> <style type="text/css">
#caja {
width:60%;
display: none;
padding:5px;
border:2px solid #FADDA9;
background-color:#FDF4E1;
font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#088A08;
}
#mostrar{
display:block;
width:60%;
padding:5px;
border:2px solid #D0E8F4;
background-color:#ECF8FD;
font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#000;
}
</style> <a href="#" id="mostrar">MOSTRAR</a>
<div id="caja"><a href="#" class="close"><font color="#ff0000">[x] Ocultar</font></a>
<p>Codigo Para Expandir y Contraer</p>
</div>
Ultima edición por pruevadesingblog el Mie Sep 28, 2011 8:34 pm; editado 4 veces
|
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![solamente-sencillo](//profile.webme.com/profile/s/solamente-sencillo/small.png)
solamente-sencillo
Semi-Experto
|
21-03-2011, 00:39 (UTC) Título del mensaje: |
|
|
Bonito codigo.
Pero ¿Que no es un spoiler?
Salu2 ______________ Miguel García | Desarrollador web freelance |
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![noti-gamer](//profile.webme.com/profile/n/noti-gamer/small.png)
noti-gamer
Destacado
Ubicación: Adonde vivo
|
21-03-2011, 00:45 (UTC) Título del mensaje: |
|
|
|
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![pruevadesingblog](//wtheme.webme.com/img/profile/default.png)
pruevadesingblog
Nuevo
Ubicación: Venezuela - Barquisimeto
|
21-03-2011, 00:46 (UTC) Título del mensaje: |
|
|
solamente-sencillo escribió: Bonito codigo.
Pero ¿Que no es un spoiler?
Salu2
Bueno eso parece xD
Pero pongo expandir y contraer porque asi me lo encontre :P
Pero si es como un spoiler ______________ ![](http://i52.tinypic.com/34sj90i.png) |
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![pruevadesingblog](//wtheme.webme.com/img/profile/default.png)
pruevadesingblog
Nuevo
Ubicación: Venezuela - Barquisimeto
|
21-03-2011, 00:47 (UTC) Título del mensaje: |
|
|
noti-gamer escribió: Este codigo lo anda buscando hace meses ![](//wtheme.webme.com/smiles/icon_sad.gif) ,pero ya no lo ocupo aun asi buen codigo.
Saludos
Bueno si algun dia lo necesitas aqui estara :D
Saludos ![](//wtheme.webme.com/smiles/icon_mrgreen.gif) ______________ ![](http://i52.tinypic.com/34sj90i.png) |
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![djmarkoswhite](//profile.webme.com/profile/d/djmarkoswhite/small.png)
djmarkoswhite
Junior
Ubicación: im from in estados unidos (? XD argentina
|
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![](//wtheme.webme.com/img/profile/default.png)
zonefacil
Junior
|
17-07-2011, 01:31 (UTC) Título del mensaje: |
|
|
User Tratar De No Revivir Temas Antiguo Saludos ______________ Twitter ZoneFacil
Facebook ZoneFacil
![](http://filegen.webcindario.com/files/a/b/b/1f8a-UserBarnjpg.jpg) |
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![](//wtheme.webme.com/img/profile/default.png)
todaweb7
Destacado
|
17-08-2011, 04:03 (UTC) Título del mensaje: Re: Expandir Y Contraer |
|
|
|
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![](//wtheme.webme.com/img/profile/default.png)
codigossolocodigos
Junior
|
17-08-2011, 15:28 (UTC) Título del mensaje: |
|
|
muy buen codigo sencillo pero bueno ![](//wtheme.webme.com/smiles/icon_lol.gif) ______________ SnaKe
![](http://img.webme.com/pic/c/codigossolocodigos/skaneuserbar.png) |
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
-
![team-soporte](//profile.webme.com/profile/t/team-soporte/small.png)
team-soporte
Semi-Experto
|
|
↑
|
|
![](templates/subSilver/images/spacer.gif) |
|