Can't Get Hidden Div To Appear Using Jquery

I'm trying to imitate the effect on this website when you click the 'RSVP' link. The effect is a hidden DIV effect where if you click the RSVP link, the main menu will come down an

Solution 1:

Wordpress has a no-conflict with jQuery. You need to alter your jQuery to allow for this. Take a look at this:

jQuery Uncaught TypeError: Property '$' of object [object Window] is not a function.

That should at least get you pointed in the right direction. In addition to that, you need to declare the jQuery library before your default.js file. It's currently in your WP Footer.

Solution 2:

First off, grats on the engagement.

Second, you start using jquery stuff in your default.js file, but you dont include jquery until the bottom of the page.

Put jquery at the top, above your default.js file.

edit: wrap the contents of your default.js file with this

(function($){
    //stuff goes here
})(jQuery);

Since the jQuery object is still usable, we create a function around your code and pass jQuery in as $.