侧边栏的动画效果

 $('.header-search-input').focus(function () {
        $('.header-search-suggest').css('display','block');
    });
    $('.header-search-input').blur(function () {
        $('.header-search-suggest').css('display','none');
    });
    //侧边栏
    $(".category-nav-content-wrapper .nav-li").mouseover(function() {
        // $('.zheng').addClass('active');
        $('.left-banner .zheng').addClass('active');
        $('.category-nav-detail-wrapper').addClass('active');
        $(".category-nav-detail").eq($(this).index()).addClass('active').siblings().removeClass('active');
    });
    // $('.category-nav-detail-wrapper').mouseout(function () {
    //     $('.category-nav-detail').removeClass('active');
    //   });
    $('.left-banner .zheng').click(function () {
        $('.left-banner .zheng').removeClass('active');
    });
    // 有格调
    $('.index-nav-container .zheng-active').mouseover(function () {
        $('.quality-area').eq($(this).index()-1).css('display','block').siblings().css('display','none');
    });
    $('.index-nav-container .zheng-active').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active');
    });