jQuery expanding div

Hello,

On my site [url removed, login to view] I want to have a jquery section that expands when a user clicks on the "Change City" button.

When this button is clicked I want the light grey area to grow in height and have some cities appear in the new section. If you look at [url removed, login to view] and click on "SELECT CITY" you will see the content that I want to appear.

PLEASE NOTE on [url removed, login to view] that the city list overlays the content. This is NOT what I want for dealbind.com. I want the section that says the date ("Today's Deals: June 2, 2011") to slide down and have the grey background expand.

I have all the necessary files including the city list etc. The city list uses a jquery plugin located here for tabs: [url removed, login to view]

This must be embedded in the plugin or custom job you do.

I would prefer that the content didn't actually slide down (don't animate it). I just don't want the city list to cover any of the data. The functionality I am going for is replicated on [url removed, login to view] (Click on TORONTO).

This should be a very quick and easy job for someone. Thanks!!

JavaScript jQuery / Prototype

Project ID: #1083994

About the project