点击同一个按钮，页面左右切换怎么做

Question

现在可以实现点击按钮页面滑向左边，但是怎么实现再次点击同一个按钮让页面滑出来？

                $('.sidebar-toggle').on('click',function(){
                    $(this).siblings('.sidebar').animate({
                        left: '0'
                    }).siblings().animate({
                        left: '300px'
                    });
                })

                <button type="button" class="btn btn-default btn-sm sidebar-toggle">
                      <span class="glyphicon glyphicon-align-justify"></span>
                </button>
                <aside class="sidebar">
                        
                        <div class="sidebar-nav">
                            <nav class="bd-links" id="bd-docs-nav">
                            菜单
                            </nav>
                        </div>
                </aside>
                <section class="content">
                        <article id="main" class="centent-content">
                            页面
                        </article>
                </section>

Answer 1

借用你的代码修改一下

let flag = true
$('.sidebar-toggle').on('click',function(){
    if (flag) {
        $(this).siblings('.sidebar').animate({
            left: '0'
        }).siblings().animate({
            left: '300px'
        });
        flag = false
    } else {
        $(this).siblings('.sidebar').animate({
            left: '-100%' // 这里是你的初始位置
        }).siblings().animate({
            left: '0'
        });
        flag = true
    }
})