Q: slideDown Jquery CSS set up? Okay, so I have a menu that I want to slide down from underneath another menu. I'm not sure I'm setting up the jQuery correctly. I'll post an image link of the design.
navigation set up design
What I have is a section of a head all contained in divs and what not. There is a menu underneath the one shown (the light grey part at the bottom) and it is contained in another div (#subMenu) for querying. Basically I want the one underneath to slide down and reveal itself by clicking a link on that top menu shown in the image.
The menu underneath is layered and positioned on the page via the z-index and relativity. It is named #SubMenu and is 60px high and the query setup is as so:
$(document).ready(function()){
//build a var to target #subMen div
var menu = $j('#subMenu')
//use click from link id
$('#menu-item-47').click(function(event){
    event.preventDefault();
    //if the menu is visible slide it up
    if (menu.is(":visible"))
        {
            menu.slideUp(50);
            $(this).removeClass("open");
        }
        //otherwise, slide menu down
        else
        {
            menu.SlideDown(50);
            $(this).addClass("open");
        }
});

});

Yet after plugging and setting up in wordpress I'm not getting any effects upon clicking the link. I may be installing it in wordpress wrong but I'd rather start from square one with problem solving. As there would be no point if the code is set up wrong.

A: You have a typo in slideDown.
Also, you should be using jQuery instead of $ because WP uses .noConflict() by default.
