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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17253
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últiplos show hide com jQuery

18-03-2011 22:21

Esse script é um script show e hide múltiplo em jQuery, que são carregados de forma independente um do outro, ou seja, você pode ter vários botões que irão mostrar e esconder as divs relacionadas a eles.

Os botões são carregados com sinal de mais, e quando clicados ficam com sinal de menos.

No botão, observe o atributo alvo, porque ele é relacionado a div que será aberta ou fechada quando aquele botão receber o clique.

<script type="text/javascript"> $(document).ready(function(){ $(".botao").click(function() { var ref = $(this).attr("alvo"); if($("#"+ref).css("display")=="none") { $("#"+ref).show(); $(this).val("-"); } else { $("#"+ref).hide(); $(this).val("+"); } }); }); </script> opção 1 <input type="button" class="botao" alvo="conteudo1" value="+"> <span id="conteudo1" style="display:none;">abc</span> <br /> opção 2 <input type="button" class="botao" alvo="conteudo2" value="+"> <span id="conteudo2" style="display:none;">123</span>

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