Here's a quick setup: http://jsfiddle.net/senff/9cK3X/3/

When I look at the end of your jQuery library, I see this line:

  jQuery.noConflict();

That means you should change $ to jQuery everywhere in your code, but you've replaced it with $j -- so that's why it won't work.

Try this code on your site:

      jQuery('ul.menu > li > a').click(function(e) {

      jQuery('ul.sub-menu').slideUp('normal');

      if(jQuery(this).next('ul.sub-menu').is(':hidden') == true) {    
          jQuery(this).next('ul.sub-menu').slideDown('normal');
          } 

      e.preventDefault();

@JeremyEnglert, you were simply forgetting to include }); at the end of the .click( ) method. Also, when using jsFiddle or CodePen you really do not need to include script tags. There is a little button at the very top (JSLINT) which will tell you any/all errors. You were able to get away with == rather then using ===. jsFiddle will always catch on that.

Forked Copy: http://jsfiddle.net/john_motyl/LGCXV/

First off, thanks guys! You've been a big help. I think we're getting close, but something is still causing it not to work.

@JohnMotylJr I added the }); and even tried copying and pasting your code directly into the HEAD. No luck. You can see the website here: http://www.mcfaddengavender.net/newmg/ (just pull the browser small)

I was using the tag in jsfiddle simply to show exactly how I had the code in the head.

@Senff I'll have to keep that in mind. Thanks so much for your help so far. Your code really got me going in the right direction.

This is the code I'm currently using without any luck:

 jQuery('ul.menu > li > a').click(function(e) {

      jQuery('ul.sub-menu').slideUp('normal');

      if(jQuery(this).next('ul.sub-menu').is(':hidden') === true) {    
          jQuery(this).next('ul.sub-menu').slideDown('normal');
          } 

      e.preventDefault();
 });

@JeremyEnglert

Try this, re-wrote in CodePen so we wouldn't have unknown mysterious characters floating around in your code from jsFiddle

Promise you this works

@JeremyEnglert,

@Senff, is correct. You need to ecapsolate that bit of code in some type of anonymous function.

$(function() {
  //.. Your code goes here...
})

or

$(document).ready(function() {
  //.. Your code goes here...
})

Turns out the problem is somewhere with how WordPress is calling the jQuery script. I was using the recommended way for WP, but when I tried the standard way of calling the script everything worked great. I'm going to need to track down this issue, but that's best left for another thread.

However, with this partiucular nav, is it possible to make it so if a person clicks the parent link twice, it takes them to that page? For example, the "Results" page does not have any children and doesn't seem to have a functioning link at the moment.

Thanks again guys and sorry to make you attempt to fix an issue that was clearly my fault.

modernizer's mq function?

@JeremyEnglert : FYI, not sure if this is on purpose, but when hovering over results and contact on your main nav, there is no color but you still have drop downs..