jquery code and problem with chrome

I'm having a hard time in 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 execute these functions respectively, the problem is that in chrome the 2nd button literally disappears the content that is inside the .container-fluid2 div, already the .container-fluid is always performed correctly. I tried it on Firefox and everything worked perfectly, why am I having problems with chrome?