将DIV（滑块）调整为屏幕尺寸

Question

I have a slider that is finished, but I have 1 issue. I need to re-size the container to the windows size.

As you can see here

jQuery(document).ready(function(){
   $(".toggle_window").click(function(){
       $("#content").slideToggle("slow");
   });
});

the slider disappear and I dont have any change to press the button so collapse the container again. The problem I think is here #left and the high of this (height: 880px;), but I need to expand this guy at 95% of the webpage.

Which will be the best way to re-size the container?

I will appreciate your help.

Thnx in advance!

Cheers.

Answer 1

element #left height is set wrongly in your fiddle. Try setting the element height on document ready as

 $("#left").height($( window ).height() - $("footer").position().left + 10);

If you want exactly 95% try like this,

$("#left").height($(window).height() /100 * 95 - $("footer").position().left);