Question

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

我有按钮：.toogle按钮和侧边栏：.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 - display：none .sidebar-open - display：block

Answer 1

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

使用

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

目前，存在控制台错误＆＃34; Uncaught SyntaxError：Unexpected token。＆＃34;

用于切换侧边栏的js函数

1 个答案: