Hide and Show

[daviassumpcao 1]

Olá Pessoal...

 

Estou tentando criar uma área de atendimento para um cliente com opções Hide and Show... procurei para Javascript e Jquery porém as opções que encontrei recarregam a página (abre o Show, mas volta a navegação para o topo da página).... procuro uma solução para que fique dessa maneira como no site da Netshoes (Role a página para baixo e clique na opção, " Posso efetuar o pagamento com 2 cartões de crédito?") .... assim voces verao que abriu a opção sem subir a tela... alguém conseguiria dar um Help?

Segue link: http://www.netshoes.com.br/central-de-relacionamento/index.jsp

[William Bruno 1501]

nenhum hide/show recarrega a página.

 

como vc tentou fazer ?

[daviassumpcao 1]

Assim Bruno...

<script>
$(document).ready(function(){
$("#hide").click(function(){
$(".conteudo_topico").hide();
});
$("#show").click(function(){
$(".conteudo_topico").show();
});
});
</script>




e no HTML...

 

<div class="opcao_topico"><a href="#" id="hide">Abrir</a></div>
<div class="conteudo_topico">AQUI FICA A DIV CONTEUDO</div>

[William Bruno 1501]

evitando q a página "suba":

$("#hide").click(function(e){
    e.preventDefault();
    $(".conteudo_topico").hide();
});

[daviassumpcao 1]

Perfeito Bruno !!!! Muito obrigado !