$(function () {

    var $closeSideBar = $('.closeSideBar'),
        $openBtn = $('.openBtn'),
        $closebtn = $('.closebtn');

    $openBtn.click(function () {
        $closeSideBar.toggleClass('active');
        $('body').css('backgroundColor','#000')
    });

    $closebtn.click(function () {
        $closeSideBar.removeClass('active')

        $('body').css('backgroundColor','#000')
    });
	$(document).on('click touchstart', function (e) {
    //$(document).click(function (e) {
        var sidebar = $(".closeSideBar, .openBtn");
        if (!sidebar.is(e.target) && sidebar.has(e.target).length === 0) {
            sidebar.removeClass('active')
            $('body').css('backgroundColor','#000')
        }
    });


    $('.closeSideBar a').click(function () {
        //指向 closeSideBar 底下
        /*var closesidebar = $(this),
            // 尋找最接近的 ul
            closestAll_ul = closesidebar.closest('ul'),

            // 尋找最接近的 li
            closest_li = closesidebar.closest('li'),

            //尋找 ul 的 active class
            parallel_active_links = closestAll_ul.find('.active'),

            //check li 有沒有 "active" class
            link_status = closest_li.hasClass('active');

        // remove all ul > active class
        closestAll_ul
            .find('ul')
            .slideUp(function () {
                // 預設所有的 ul 為 slideup 之後再尋找 ul 的 active class then remove class => <active>
                // </active>
                parallel_active_links.removeClass('active');
            });

        // 如果沒有 li active class
        if (!link_status) {

            // li > ul --> slideDown();
            closest_li
                .children('ul')
                .slideDown();

            // 開啟 ul > li (加入 active);
            closest_li.addClass('active');

        }
		*/

    });

});