Aligning elements to the bottom of the page or div in html

Aligning elements to the bottom of the page or div in html

I want to use sliding panel in application. I am using following code.
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
The code what i shared is just expanding the div from its actual position
to the downward direction. But I want the div to be expanded from its
actual position to the upward direction. I hope you understand what i
mean. Please help me