I have a toggle menu and I can't get it right with j query any help?

Hey Carlos,

Check your code. Try traversing the dom instead, like so.

$('#MenuToggle').on('click', function(e){
    $(this).parent().parent().find('ul').slideToggle();
    e.preventDefault();
});

This way your only Querying the dom for 1 element. Then basing what to slide toggle based on that element. If you're having a hard time trying to figure out what your code isn't working properly. Open up your console and check for errors when clicking on a button you expect something to happen. This will usually give you a better idea of what's going on.

Enjoy. :)

Put your javascript script tags just below the closing body tag like so..

 <script src="----- "></script>
 <script>
     $('#MenuToggle').on('click', function(e){
         $(this).parent().parent().find('ul').slideToggle();
         e.preventDefault();
     });
 </script>
 </body>

you're javascript was being loaded before the dom elements we're even created. So jquery was trying to attach that 'click' event to a button that didn't even exist yet.

Start loading all of your javascripts before the closing body tag, this also speeds up load time, so the user isn't waiting for javascript to be loaded before the page is even shown. <--- this is just good UX ;)