javascript - 切换侧边栏使用什么js函数

Question

我想使用 css(或)js 来显示/隐藏我的博客侧边栏。

我有按钮:.toogle-button 和侧边栏:.sidebar

当访问者单击按钮时，使我的边栏显示/隐藏的最佳选项是什么？

您可以实时查看网站，等待在 here 添加此功能 侧边栏现在显示:无

请推荐代码？

这是我尝试运行的代码和 js 的一部分:

$(document).ready(function(){
            $(.sidebar-toggle).click(function(){
            $(.sidebar-open).slideToggle(slow);
            $(this).toggleClass(active); return false;
            }); 
            });


<button aria-expanded="false" class="sidebar-toggle" style="height: 72px;"><span class="screen-reader-text">Toggle Sidebar</span></button>

我有 2 个侧边栏的 css 类 .sidebar - 显示:无 .sidebar-open - 显示: block

Answer 1

您需要将选择器括在引号中。

使用

$(document).ready(function() {
    $(".sidebar-toggle").click(function() {
        $(".sidebar-open").slideToggle("slow");
        $(this).toggleClass("active");
    });
});

当前，存在控制台错误“Uncaught SyntaxError: Unexpected token”。