Question

I have a similar problem like This

I want to animate a div, to a css property of 100% height.
This doesnt seem to work:

$("#somediv").css('height', '100%');

Is there a way to solve this other than slidedown/up?

Answer 1

You can use the parent height like this:

$("#somediv").css('height', $("#somediv").parent().height());

Or put an id on the div you can get the height

$("#divtogethigger").css('height', $("#iddivheight").parent().height());

if you want to animate it:

$('#somediv').animate({
    height: $(this).parent().height()
  }, 5000, function() { 
    // Animation complete.
  });