jQuery slideUp slideDown只适用于移动端调整大小的问题。

Question

我试图实现一个div的sideUpslideDown功能，只在手机平板上，而不是在桌面上。所有的工作都很好，直到我把屏幕从移动平板调整到桌面，反之亦然--然后功能是滑动updown是故障，当它不应该是。

categoryAccordionSidebar();

var resizeTimer;

$(window).on('resize', function(e) {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function() {
        categoryAccordionSidebar();
    }, 300);
});

function categoryAccordionSidebar() {       
    if(window.innerWidth <= 993) {            
        $(".category-title").click(function() {
            if($(".category-title span").hasClass("categories-arrow-down")) {
                $(".category-title span").addClass("categories-arrow-up").removeClass("categories-arrow-down");
                $(".category-sidebar ul").slideDown();
            } else {
                $(".category-title span").addClass("categories-arrow-down").removeClass("categories-arrow-up");
                $(".category-sidebar ul").slideUp();
            }        
        });
    }
}

Answer 1

没关系，我在CSS3中做了手风琴，用这个解决方案与@媒体查询处理预期的断点显示。http:/css3.bradshawenterprises.comaccordions。

jQuery代码

$(".category-sidebar .category-title").click(function () {        
    $(".category-sidebar ul").toggleClass("open");
    $(".category-sidebar .category-title .categories-arrow").toggleClass("categories-arrow-rotate");      
});