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


Moderador: web

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

Métodos para apagar uma div com hide jQuery

27-04-2014 11:38

Nesse post mostro algumas formas de apagar uma div usando o hide jQuery. A mesma forma pode ser usada para mostrar uma div que esteja escondida com o hide() por exemplo.

<style> div{ background-color:blue; width:100px; height:100px; } </style>


<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#link1').click(function() { $('#link1,#div1').hide(); // apagando de uma vez });   $('#link2').click(function() { $('#link2,#div2').hide('slow'); // apagando devagar });   $('#link3').click(function() { $('#link3,#div3').hide('fast'); // apagando rápido });   $('#link4').click(function() { $('#link4,#div4').hide('1000'); // apagamento em milisegundos });   }); </script>


<a href="#" id="link1">fecha</a> <div id="div1">conteúdo</div> <a href="#" id="link2">fecha</a> <div id="div2">conteúdo</div> <a href="#" id="link3">fecha</a> <div id="div3">conteúdo</div> <a href="#" id="link4">fecha</a> <div id="div4">conteúdo</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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