Hi All,

I have created a really simple slidetoggle for a slidedown menu. Basically when you click on the icon I want the menu to slidedown allowing the user to click on the menu items. Once the icon is clicked again I want the menu to slideup.

It works sort of! However, when you click the icon (.toggle) it shows the menu and hides the menu immediately. I have googled the toggle code but I can't see what I am doing wrong.

Any ideas?

Code:
$('.toggle').click(function(){
  $('nav.mobile').slideToggle();
})