将切换边栏添加到博客模板

Question

我尝试将切换边栏添加到我的博客模板中，例如：https://boardwalkdemo.wordpress.com/

但......有些事情是错的 - 整个代码可能是。

现在我尝试显示/隐藏

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代码但不起作用。

我可以在这里看到我正在进行的工作：http://blog.detelinmarkov.com/

我的错误在哪里？

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