Javascript 将切换边栏添加到blogger模板

我尝试将切换边栏添加到我的博客模板中，如：

但是。。。有些地方出了问题-整个代码可能是错误的

现在我试着显示/隐藏

jQuery$(document).ready(function () {
    $('.sidebar-toggle').click(function(event) {
        event.preventDefault();
        if ( ! $('body').hasClass('sidebar-open') ) {
            scroll_top_position = $('body').scrollTop();
            scroll_left_position = $('body').scrollLeft();
        }
        $('body').toggleClass('sidebar-open');
        $(this).toggleClass('toggle-on')
             .attr('aria-expanded', $(this).attr('aria-expanded') === 'false' ? 'true' : 'false');
        $('#sidebar').attr('aria-hidden', $('#sidebar').attr('aria-hidden') === 'false' ? 'true' : 'false');
        if ($('body').hasClass('sidebar-open')) {
            $('.site-main').hide();
            $('html, body').animate({
                scrollTop: 0,
                scrollLeft: 0
            }, 0);
        } else {
            $('.site-main').show();
            $('html, body').animate({
                scrollTop: scroll_top_position,
                scrollLeft: scroll_left_position
            }, 0);
            heights();
        }
    });

基于wordpress代码，但不起作用

我可以在这里看到我正在进行的工作：

我的错在哪里

---

我现在正在处理标题，可能无法正常工作。

将jQuery$更改为jQuery或@PushkerYadav所说的$-使用

$（…

或

jQuery（…

），而不是

jQuery$（…

。请将其附在

}中）

在您的blogger代码中，在执行此代码之前，js解释器抛出一些与此代码无关的控制台错误，首先修复该错误，然后检查我尝试但不工作，可能是我有其他问题。我将尝试先格式化标题中的所有内容，然后使用切换按钮重试。谢谢帮助。我修复了标题，但jquery没有oggle不工作…当点击按钮->注意时。