layui.use('jquery', function () {
    var $ = layui.jquery;
    var $pageFrame = $('#pageFrame');
    var $selectLi = null;
    $('.left-nav').on('click', 'li', function (event) {
        var $tagLi = $(this);
        var $tagA = $tagLi.find('a').eq(0);
        var href = $tagA.prop('href');
        if (href) {
            $pageFrame.prop('src', href + '?q=' + new Date().getTime());
            if ($selectLi) {
                $selectLi.removeClass('active')
            }
            $selectLi = $tagLi.addClass('active');
        }
        return false;
    });

    $('.container .left_open i').click(function(event) {
        if($('.left-nav').css('left')=='0px'){
            $('.left-nav').animate({left: '-221px'}, 100);
            $('.page-content').animate({left: '0px'}, 100);
            $('.page-content-bg').hide();
        }else{
            $('.left-nav').animate({left: '0px'}, 100);
            $('.page-content').animate({left: '221px'}, 100);
            if($(window).width()<768){
                $('.page-content-bg').show();
            }
        }
    });
});