Dúvida esconder / revelar conteudo

Dúvida esconder / revelar conteudo

 por phs22 Offline » Ter Jul 26, 2011 12:07 pm

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: Código: Selecionar todos <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: Código: Selecionar todos <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 phs22 VETERANO Mensagens: 157 Registrado em: Qui Abr 23, 2009 12:30 pm

Dúvida esconder / revelar conteudo

 por web Offline » Ter Jul 26, 2011 12:17 pm

A seção que você postou é para scripts prontos. Estou movendo para a seção correta. web ADMIN Mensagens: 12425 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website

Dúvida esconder / revelar conteudo

 por web Offline » Ter Jul 26, 2011 12:19 pm

Sua idéia é abrir uma div e fechar as outras? web ADMIN Mensagens: 12425 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website

Dúvida esconder / revelar conteudo

 por phs22 Offline » Ter Jul 26, 2011 12:24 pm

Sim Web, isso mesmo. phs22 VETERANO Mensagens: 157 Registrado em: Qui Abr 23, 2009 12:30 pm

Dúvida esconder / revelar conteudo

 por web Offline » Ter Jul 26, 2011 12:26 pm

Esse script abaixo com numeração nas divs, não serve? Mostar-e-esconder-divs_13_880.html web ADMIN Mensagens: 12425 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website

Dúvida esconder / revelar conteudo

 por web Offline » Ter Jul 26, 2011 12:51 pm

Montei também um exemplo usando jQuery Código: Selecionar todos <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> web ADMIN Mensagens: 12425 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website

Dúvida esconder / revelar conteudo

 por phs22 Offline » Ter Jul 26, 2011 3:09 pm

Vlw, esse segundo exemplo deu certinho, já o link não funfou. Vlw phs22 VETERANO Mensagens: 157 Registrado em: Qui Abr 23, 2009 12:30 pm

Dúvida esconder / revelar conteudo

 por web Offline » Ter Jul 26, 2011 3:43 pm

web ADMIN Mensagens: 12425 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website