0

Estou com uma dificuldade no seguinte código jquery.

JQUERY

$(document).ready(function(){
     $('#expand').click(function(){
        $(".container-fluid").slideToggle("slow");
     });
});


$(document).ready(function(){
     $('#expand2').click(function(){
        $(".container-fluid2").slideToggle("slow");
     });
});

Tenho 2 botões (id=expand e id=expand2) que executam essas funções respectivamente, o problema é que no chrome o 2º botão faz desaparecer literalmente o conteúdo que está dentro da div .container-fluid2, já a div .container-fluid é sempre executada corretamente. Experimentei no Firefox e tudo funcionou perfeitamente, porque será que estou a ter problemas no chrome?

3
  • tente pesquisar assim no google: "jquery slidetoggle issue chrome" 22/07/2015 às 5:30
  • 1
    Podes fazer um jsFiddle que reproduza o problema? Não estou a ver como isso possa acontecer...
    – Sergio
    22/07/2015 às 7:56
  • Porque é que não colocas tudo num só $(document).ready(function(){});
    – lazyFox
    22/07/2015 às 11:16

1 Resposta 1

0

Tens o <script url="tuafontedoJquery"></script> adicionado?

Provavelmente e por causa disso que o chorme nao faz nada pois nao tens nenhum jquery na cache.

3
  • Tenho sim, e o jquery funciona, mas apenas com o primeiro efeito slidetoggle, já com o segundo, quando eu clico para expandir ele desaparece da página e nunca mais volta à formação original, no firefox funciona bem, só no chrome que não, eu já vi alguns posts, mas ainda não entendi como resolver o problema, tem algum tipo de CSS HACK para corrigir o problema?
    – Luis
    22/07/2015 às 14:12
  • var escondido = true; $(document).ready(function(){ $("#expand").click(function(){ if(escondido) { $(".container-fluid").show(); escondido = false; } else { $(".container-fluid").hide(); escondido = true; } }); }); ja nao utilizo JavaScript a algum tempo mas isso deve resultar.
    – João Reis
    22/07/2015 às 14:19
  • @Hardcore Hardcore realmente resolveu o problema, mas fiquei sem o efeito deslizante do slideToggle....que não era bem o que eu pretendia, tentei adicionar no seu código um toggle("slow"), mas fica com o mesmo comportamento do meu código inicial, a janela quando se expande não volta mais ao formato inicial. Ainda não consigo perceber porque não funciona no chrome uma vez que no firefox o slideToggle funciona perfeitamente, sem erros!
    – Luis
    22/07/2015 às 18:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .