jQuery click and pull down a div (like iOS notification center)

Question

I'm aware of the jQuery .toggle() and .slideDown() function but is there a way where the user clicks on an link or item and can pull/slide down the div.

I'm looking to create a similar effect as the iOs notification center where you click on an icon and resize the div to a (defined) height.

Answer 1

Your first sentence is confusing. Clicking on a link or item and having the div slide down is basically .slideDown(). If you're just looking to resize a div from a small height to a larger height, try using .animate({height: 200px}, 500) to make the small div grow to 200px over half a second.