鍍金池/ 問答/Android  HTML/ 點擊同一個按鈕，頁面左右切換怎么做

點擊同一個按鈕，頁面左右切換怎么做

clipboard.png
現(xiàn)在可以實現(xiàn)點擊按鈕頁面滑向左邊，但是怎么實現(xiàn)再次點擊同一個按鈕讓頁面滑出來？

                $('.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>
回答
編輯回答
茍活

借用你的代碼修改一下

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
    }
})
2018年3月13日 22:37