Hi and thanks for reading. I am a newborn newbie so the code matches. I have two lists - One for "Her" and one for "Him". What's supposed to happen is the user clicks on Her or Him and a list of prices drops down. Then on clicking again, the list goes away. It kinda is working. The trouble I am having is:

first - the user has to click twice to get the toggle action going,

and second - when it disappears, the space below is still left. There is no resetting, so there is this giant white space left.


I imagine my code is all wrong but as it's all I know right now, any pro who can teach me the correct way to do this would be amazingly appreciated. Thank you.

Here is the page where you can see the semi-action going on: http://waxstudio.businesscatalyst.com/index4.html

This is using the Zurb Foundation framework so any css is found in app.css