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

What js function to use for toggle sidebar

本文关键字：侧边栏 函数 什么 js      更新时间：2023-09-26

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

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

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

您可以在此处查看网站直播，等待添加此功能侧边栏现在显示：无

请建议代码？

这是我尝试运行的代码和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 类.侧边栏 - 显示：无.侧边栏打开 - 显示：块

您需要将

选择器括在引号中。

用

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

当前，存在控制台错误"未捕获的语法错误：意外令牌"。

相关文章：