Jquery 按类扩展 div

Question

我在下面的代码中遇到了 if 语句的问题，我试图在 div 有一个类(在代码中添加和减去)时触发一个事件。这是执行此操作的正确方法吗？因为它不起作用？

$(document).ready(function() {

    $('.content_accrd').css({
        "height": "0px"
    });
    $('.content_accrd:eq(0)').addClass("open").css({
        "height": "110px"
    });
    $('.paneltop:eq(0)').css({
        "background-position": "0px 0px"
    })
    $('.paneltop').click(function() {
        **if ($(this).siblings('.content_accrd').attr('class') != "open")** {
            $(this).addClass("open").css({
                "background-position": "0px 0px"
            }).siblings('.content_accrd').animate({
                "height": "110px"
            }, 200)
        } else {
            $(this).reomveclass("open").css({
                "background-position": "0px -21px"
            }).siblings('.content_accrd').animate({
                "height": "0px"
            }, 200);
        }
    })
})

Answer 1

您想要使用hasClass功能:

$('.paneltop').click(function() {
    if ($(this).siblings('.content_accrd').hasClass('open')) {
        $(this).removeclass("open").css({
            "background-position": "0px -21px"
        }).siblings('.content_accrd').animate({
            "height": "0px"
        }, 200);
    } else {
        $(this).addClass("open").css({
            "background-position": "0px 0px"
        }).siblings('.content_accrd').animate({
            "height": "110px"
        }, 200)            
    }
})

交换顺序以避免必须使用! :D

removeClass 也拼写错误。