Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17226
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar e esconder elemento com o Toggle do jQuery

16-06-2014 19:50

O toggle do jQuery é uma mistura do hide e show.

Segue um exemplo de uso.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#botao').click(function() { $('.div').toggle(); });   }); </script>


<input type="button" id="botao" value="clique"> <div class="div">meu texto</div>

O toggle aceita os valores:

slow

$('.div').toggle('slow');

fast

$('.div').toggle('fast');

milissegundos

$('.div').toggle(2000);

Se você tem duas divs, você pode usar o toggle para alterar entre elas.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#botao').click(function() { $('.div').toggle(1000); });   }); </script>


<input type="button" id="botao" value="clique"> <div class="div">1</div> <div class="div" style="display:none;">2</div>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado