Question

I am using a jquery slide in slide out that appears on the page when loading (about 1 second) then is hidden. I dont want it to show at all, how can i do this?

I am using this code:

    $(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#menucategory').hide();
 // shows the slickbox on clicking the noted link
  $('img.menu_class').click(function() {
 $('#menucategory').show('slow');
 return false;
  });
 // hides the slickbox on clicking the noted link
  $('a#hidecategory').click(function() {
 $('#menucategory').hide('slow');
 return false;
  });

});

Answer 1

Well your events will fire only once the DOM has loaded. Better to just hide it with CSS. Put this at the top of your page or in the stylesheet

#menucategory {
   display:none;
}