Wordpress-点击后自动关闭移动菜单

Question

真的希望你能帮上忙。我正在使用Wordpress建立一个基本的网站来推广我的新业务。我相当精通技术，但我不是一名开发人员，我只能真正使用CSS和一点HTML。

我遇到了一个问题，我的网站的移动菜单在选择时不会关闭，这真的很烦人。我的网站可以在这里看到。

我进入了Wordpress的编辑器，发现了一段代码，(完全猜测(可能会控制移动菜单的点击：

jQuery(document).ready(function($){
$(".site-nav-toggle").click(function(){
$(".site-nav").toggle();
});  
$('.main-nav > li ').click(function(){
$('.main-nav > li ').removeClass('current');
var css_class = $(this).attr("class");
$('.'+css_class.replace(/ +/g,".") ).addClass('current');
});

有人能帮我找到问题吗？如果他们认为有解决办法，请告诉我？

非常感谢你能给我的任何帮助。

Answer 1

$('.main-nav > li ').click(function() {
$('.main-nav > li ').removeClass('current');
var css_class = $(this).attr("class");
$('.' + css_class.replace(/ +/g, ".")).addClass('current');
$(".site-nav").fadeOut(); //At this point you can fade out the menu
});

Answer 2

试试这个。

$('.main-nav > li ').click(function(){
$('.site-nav').slideUp() 
});

Answer 3

Ankita发布的代码似乎运行得很好。感谢大家的帮助！

$('.main-nav > li ').click(function(){
$('.site-nav').slideUp() 
});