Question

i have a slide up function and a slide down on my script, everything works. The problem is that the DIVs are collapse and not hidden how would i be able to hide the divs on page start up. i tried to set the DIV to hidden but no luck with that.

Answer 1

Suppose you have these divs:

<div id="div_id">Some Content</div>
<div id="div_id2">Some More Content</div>

Here is how you can hide them initially on:

With CSS:

div#div_id
{
   display:none;
}

div#div_id2
{
   display:none;
}

/* and so on */

Or With jQuery:

$(function(){
  $('div#div_id').hide();
  $('div#div_id2').hide();
  // and so on
});