jquery code and Chrome problem

Question

jquery code and Chrome problem

Asked 9 years, 4 months ago

Viewed 240 times

0

I’m having a hard time with the following jquery code.

JQUERY

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


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

I have 2 buttons (id=expand and id=expand2) that perform these functions respectively, the problem is that in Chrome the 2nd button literally disappears the content that is inside the div .container-fluid2, already div .container-fluid is always run correctly. I tried it on Firefox and everything worked perfectly because I am having problems with Chrome?

try searching like this in google: "jquery slidetoggle Issue Chrome"

– Daniel Omine

2015/07/22 at 05:30
1

Can you make a jsFiddle that reproduces the problem? I don’t see how that can happen...

– Sergio

2015/07/22 at 07:56
Why don’t you just put it all in one $(Document). ready(Function(){});

– lazyFox

2015/07/22 at 11:16

1 answer

Browser other questions tagged jquery

You are not signed in. Login or sign up in order to post.

by João Reis • **456** points · Answer 1 · 2015-07-22T10:05:52+00:00

0

You got the <script url="tuafontedoJquery"></script> added?

That’s probably why the chorme does nothing because you don’t have any jquery in the cache.

I do, and jquery works, but only with the first slidetoggle effect, already with the second, when I click to expand it disappears from the page and never goes back to the original formation, firefox works well, only in Chrome that no, I’ve seen some posts, but still not understood how to solve the problem, have some kind of CSS HACK to fix the problem?

– Luis

2015/07/22 at 14:12
var escondido = true;
$(document).ready(function(){
 $("#expand").click(function(){
 if(escondido)
 {
 $(".container-fluid").show();
 escondido = false;
 }
 else
 {
 $(".container-fluid").hide();
 escondido = true;
 }
 });
}); I haven’t used Javascript for some time but this should work.

– João Reis

2015/07/22 at 14:19
@Hardcore Hardcore really solved the problem, but I ran out of slideToggle slider effect.... that was not quite what I intended, I tried to add in your code a toggle("slow"), but it gets the same behavior as my initial code, the window when it expands does not go back to the initial format. I still can’t understand why it doesn’t work on Chrome since in firefox slideToggle works perfectly, without errors!

– Luis

2015/07/22 at 18:46