简单的jQuery简单解决方案？

Question

<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>

关于让它发挥作用的任何想法？

淡入很好，淡出onClick功能不会淡出。

点击汉堡菜单切换

点击此处查看

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

Answer 1

overlay-close不是html中的元素。你的代码应该是这样的

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

});

Answer 2

奇怪的解决方案，当我粘贴到JS Fiddle时，有一些隐藏的unicode字符显示为红色圆圈，基本上破坏了代码并停止有效地使用DOM。

我想我从另一个网站复制了那个HTML，隐藏的字符随之而来。

模糊不清，但它是什么。

现在工作正常！

感谢您的帮助。