Ironing out a slider div

Ironing out a slider div

I have two divs; #main-content-portfolio is floated below #main-content-info.

I use a button with a class of .slide-button-one to trigger the following .slideToggle function:

   
    
    
  1.  $(document).ready(function(){
    2. 
    
  2.  $('#main-content-info').hide();
    3. 
    

    4. 
    
  4.  $(".slide-button-one").click(function(){
    5. 
    
  5.  $("#main-content-info").slideToggle(800);
    6. 
    
  6.  return false;
    7. 
    
  7.  });
    8. 
    
  8. });
    9. 
   

   

    I want #main-content-info
     to be initially hidden as the whole page loads, and only then the  #main-content-info becomes 'hidden' so my question is how can I hide the div BEFORE it loads?
   

   

    

   

   

    Many thanks!

    • Topic Participants

    • hello