手机菜单列表和关闭按钮

<nav id="main-nav">
    <ul>
        <li><a href="https://jy.tp.yuanmeng.life/js"><span>jQuery</span></a></li>
        <li><a href="https://jy.tp.yuanmeng.life/templates"><span>模板</span></a></li>
        <li><a href="https://jy.tp.yuanmeng.life/php"><span>PHP</span></a></li>
    </ul>
    <a href="https://jy.tp.yuanmeng.life/js" class="cd-close-menu">Close<span></span></a>
</nav>

点击显示菜单和关闭菜单

jQuery(document).ready(function($) {
    //open menu
    $('.cd-menu-trigger').on('click', function(event) {
        event.preventDefault();
        $('#cd-main-content').addClass('move-out');
        $('#main-nav').addClass('is-visible');
        $('.cd-shadow-layer').addClass('is-visible');
    });
    //close menu
    $('.cd-close-menu').on('click', function(event) {
        event.preventDefault();
        $('#cd-main-content').removeClass('move-out');
        $('#main-nav').removeClass('is-visible');
        $('.cd-shadow-layer').removeClass('is-visible');
    });

    //clipped image - blur effect
    set_clip_property();
    $(window).on('resize', function() {
        set_clip_property();
    });

    function set_clip_property() {
        var $header_height = $('.cd-header').height(),
                $window_height = $(window).height(),
                $header_top = $window_height - $header_height,
                $window_width = $(window).width();
        $('.cd-blurred-bg').css('clip', 'rect(' + $header_top + 'px, ' + $window_width + 'px, ' + $window_height + 'px, 0px)');
    }
});