fulanooo • 14.04.12 13:29![[Jquery]SlideToogle Empty](https://2img.net/i/empty.gif)
[Jquery]SlideToogle 14.04.12 13:29
Olá,
Bom esta função maravilhosa do jQuery faz com que.
Um botão faça com que um elemento oculto apareça, e o mesmo botão faz com que ele desapareça!
Criado em:
-Notepad - Macromedia Dreamweaver
Criado por
Código → MathEdu
Função → John Resig
Código:
Pré-visualização em imagens:
Elemento visível:
![[Jquery]SlideToogle Semttuloza](https://2img.net/r/ihimizer/img545/5443/semttuloza.png)
Elemento Oculto:
![[Jquery]SlideToogle Semttulovau](https://2img.net/r/ihimizer/img194/7733/semttulovau.png)
Bom esta função maravilhosa do jQuery faz com que.
Um botão faça com que um elemento oculto apareça, e o mesmo botão faz com que ele desapareça!
Criado em:
-Notepad - Macromedia Dreamweaver
Criado por
Código → MathEdu
Função → John Resig
Código:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title>Teste</title>
</head>
<body>
<button>Toggle</button>
<div style="display: none; background: #999999; color: #FFFFFF; border: 3px solid #000000; width: 200px; height: 200px;">
Olá, Esta função é maravilhosa
</div>
<script>
var valor = 1000;
$("button").click(function () {
$("div").slideToggle(valor);
});
</script>
</body>
</html>
Pré-visualização em imagens:
Elemento visível:
Elemento Oculto:
Última edição por MathEdu em 14.04.12 13:34, editado 1 vez(es)
яєαɗу • 14.04.12 13:34
Convidad • 14.04.12 13:38
