Javascript 自动滚动页面+在菜单项选择后关闭侧栏+使用节ID链接菜单项（Wordpress-Jquery）

我正在尝试创建自定义侧栏菜单…我有一个页面站点，上面有一个部分…每个侧栏菜单链接都应连接到特定的部分。我创建了菜单，但有两个问题：

1我想在jquery的帮助下将菜单项与节ID链接起来。 2当用户单击侧边栏中的菜单项时，它应自动关闭并将页面滚动到该部分

我是Jquery和wordpress的新手。请帮我解决这个问题

侧栏Html：

这是我的侧边栏：

---

你必须给你的部门特定的id，比如

然后在main.js中写一些东西

$('.menu-item').find('a').click(function(){
        var $href = $(this).attr('href');
        var $anchor = $($href).offset();
        $('body, html').animate({ scrollTop: $anchor.top} ,1500);
        return false;
    });

---

关闭侧边栏取决于您如何创建此侧边栏。

我已将console.logHere放在您给定的代码中，当我单击侧边栏菜单项时，它会在浏览器控制台中显示Here文本，但不会使用侧边栏或滚动条执行任何操作。…@Tasos fel您是否已使用正确的id分配了该部分？？例如？……是的，我有div，我为div分配了一个特定的idIs您的网站在线？你有联系吗？所以我可以在控制台上测试它。。。。。请检查并给我一些解决方案

$('.menu-item').find('a').click(function(){
        var $href = $(this).attr('href');
        var $anchor = $($href).offset();
        $('body, html').animate({ scrollTop: $anchor.top} ,1500);
        return false;
    });