Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

didizinn

[Resolvido] Problemas com Show e Hide

Recommended Posts

fala pessoal,

estou fazendo um site e estou com um pequeno probleminha...

eu criei um botão onde a pessoal extende os detalhes de um produto,

mas ao clicar o botão onde diz "Exibir" vira "Ocultar" beleza até ai tudo certo...

mas quando clico em exibir ele oculta sozinho.

esse é o script quando ele da tudo isso encima.

 

  <script type="text/javascript">
  $(document).ready(function(){

  $('.linha_carrinho').toggle();

     $('a.exibir').click(function(){

	$('.linha_carrinho').slideDown();
	$('a.exibir').addClass('ocultar').show();

  	   });
     $('a.exibir').click(function(){					   
  		$('.linha_carrinho').slideUp();
	$('a.exibir').removeClass('ocultar');
     })

});
</script> 

 

agora o script abaixo eu apenas mudei o "click" para "dbclick". Só que dai a pessoal tem que pedala o dedo 2x para ocultar, eu queria uma vez só !

 

  <script type="text/javascript">
  $(document).ready(function(){

  $('.linha_carrinho').toggle();

     $('a.exibir').dbclick(function(){

	$('.linha_carrinho').slideDown();
	$('a.exibir').addClass('ocultar').show();

  	   });
     $('a.exibir').click(function(){					   
  		$('.linha_carrinho').slideUp();
	$('a.exibir').removeClass('ocultar');
     })

});
</script> 

 

Bom pessoal esse é meu problema, agradeço desde já !

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tente assim:

<script type="text/javascript">
$(document).ready(function(){

$('.linha_carrinho').toggle();



$('a.exibir').click(function(){
	$('.linha_carrinho').slideToggle();

	$( this ).toggleClass('ocultar');
});   
});
</script> 

 

se tiver dúvidas, poste o html que você está usando.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pow brunão mato a charada véi !!!

 

muito bomm !!

show 10 parabéns cara !

 

   $(document).ready(function(){

       $('.linha_carrinho').toggle();

       $('a.exibir').click(function(){
               $('.linha_carrinho').slideToggle();

               $( this ).toggleClass('ocultar');
       });   

     $('a.exibir').dblclick(function(){

  		$('.linha_carrinho').slideUp();
	$('a.exibir').removeClass('ocultar');
     })

});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bruno, me perdoe ser chato.

mas como eu to repetindo várias vezes o botão pra fazer está função.

quando tu clica em um todos entram em ação...

o que eu poderia fazer para que quando clicar em 1 só, apenas ele vai executar

Compartilhar este post


Link para o post
Compartilhar em outros sites

estude sobre o objeto this, e como percorrer o DOM, com .find(), parent()...

 

http://wbruno.com.br/blog/2011/06/21/afinal-e-javascript/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.