[Jquery]SlideToogle

2 participantes

fulanooo fulanooo  • 14.04.12 13:29

[Jquery]SlideToogle Empty [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:
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:
[Jquery]SlideToogle Semttuloza
Elemento Oculto:
[Jquery]SlideToogle Semttulovau



Última edição por MathEdu em 14.04.12 13:34, editado 1 vez(es)

яєαɗу яєαɗу  • 14.04.12 13:34

[Jquery]SlideToogle Empty Re: [Jquery]SlideToogle 14.04.12 13:34

Bom eu não entendi muita coisa, mas parece ser Útil. Se tivesse as imagens iria ajudar mais. Mesmo assim valeu por compartilhar conosco.

Anonymous Convidad  • 14.04.12 13:38

[Jquery]SlideToogle Empty Re: [Jquery]SlideToogle 14.04.12 13:38

Bem como dito eu não entendi Muito bem,Mais Jquery não podemos descartar se simplifica-se mais agradecemos.

fulanooo fulanooo  • 14.04.12 13:40

[Jquery]SlideToogle Empty Re: [Jquery]SlideToogle 14.04.12 13:40

Esse código tem a mesma função que o spoiler ;D
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.