javascript - Slide out division zooming -

    $(function () {     $("#clickme").click(function () {         if($(this).parent().hasclass("popped")){         $(this).parent().animate({right:'-280px'}, {queue: false, duration: 500}).removeclass("popped");     }else {         $(this).parent().animate({right: "0px" }, {queue: false, duration: 500}).addclass("popped");}     });       $(document).on('click',function(e){         if($('#slideout').hasclass("popped")){         $('#slideout').animate({right:'-280px'},{queue:false,duration: 500}).removeclass("popped");         }     });      $('#slideout').on('click',function(e){         e.stoppropagation();     });  });  <div id="slideout">     <div id="slidecontent">         yar, there dragonns herre!     </div>     <div id="clickme">     </div> </div> 

its slide out div. when use scripts, on zooming website- horizontal scroller not displayed. how can solve? thanks.

you can try this:-

 $(document).on('click',function(e){         if($('#slideout').hasclass("popped")){         $('#slideout').animate({right:'-280px'},{queue:false,duration: 500}).removeclass("popped");         }     }); 

js fiddle