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


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 166

Dúvida esconder / revelar conteudo

26-07-2011 11:07

Pessoal é o seguinte conheço muito de jquery, consigo criar algumas coisa que vejo na internet, mas nunca sei realmente o funcionamento, recentemente um cliente me pediu para criar uma area no site com os representantes da empresa separados por estados, até consegui criar o mapa do Brasil e os links em cada estado, o que eu preciso é que ao clicar no estado apareça apenas os representantes referente aquele estado.

Abaixo segue os links dos estados:

<ul id="estados" class="map"> <li class="crs" id="rs"><a href="#rs" class="rs" title="RS"><imgs src="imgs/null.gif" alt="RS" /></a></li> <li class="csc" id="sc"><a href="#sc" class="sc" title="SC"><imgs src="imgs/null.gif" alt="SC" /></a></li> <li class="cpr" id="pr"><a href="#pr" class="pr"><imgs src="imgs/null.gif" alt="PR" /></a></li> </ul>

Acima coloquei apenas tres para não alongar muito o tópico, abaixo estão as div que deverão abrir ao clicar nos links acima, só que não conseguir fazer esta ligação entre ambos, já tentei usar toggle, mas não deu certo, se alguem puder me dar uma luz eu agradeço, abçs

Links que deverão abrir:
<div id="representantes"> <div id="estado_rs" class="rs" style="display:none">Rio Grande do Sul</div> <div id="estado_sc" class="sc" style="display:none">Santa Catarina</div> </div>

Abçs
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida esconder / revelar conteudo

26-07-2011 11:17

A seção que você postou é para scripts prontos. Estou movendo para a seção correta.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida esconder / revelar conteudo

26-07-2011 11:19

Sua idéia é abrir uma div e fechar as outras?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 166

Dúvida esconder / revelar conteudo

26-07-2011 11:24

Sim Web, isso mesmo.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida esconder / revelar conteudo

26-07-2011 11:26

Esse script abaixo com numeração nas divs, não serve?

Mostar-e-esconder-divs_13_880.html
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida esconder / revelar conteudo

26-07-2011 11:51

Montei também um exemplo usando jQuery

<script src="jquery.js"></script> <script> $(document).ready(function() { $(".l").click(function() { $(".d").hide(); var div = this.hash.replace("#l_", ""); $("#"+div).show(); }); }); </script> <a href="#l_d1" class="l">1</a> <a href="#l_d2" class="l">2</a> <a href="#l_d3" class="l">3</a> <div id="divs"> <div class="d" id="d1" style="display:none;">conteúdo 1</div> <div class="d" id="d2" style="display:none;">conteúdo 2</div> <div class="d" id="d3" style="display:none;">conteúdo 3</div> </div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 166

Dúvida esconder / revelar conteudo

26-07-2011 14:09

Vlw, esse segundo exemplo deu certinho, já o link não funfou.



Vlw
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dúvida esconder / revelar conteudo

26-07-2011 14:43

;)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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