Simple jQuery Simple Solution? -

<button type="button" id="overlay-close">close</button>            </nav>     </div>   <div class="container"> <script type="text/javascript"> jquery(document).ready(function($) { $(".overlay").hide(); $('#overlay-menu').click(function(){ $('.overlay').fadein(300);  });  $("overlay-close").click(function(){ $('.overlay').fadeout("slow");  }); });    </script> 

any ideas on getting work?

fade in fine, fade out onclick function not fading out.

go here see click on hamburger menu toggle

http://www.cambrianvacation.co.uk/cyfa

overlay-close not element in html. code should this

$("#overlay-close").click(function(){ $('.overlay').fadeout("slow");  });