slideToggle返回时更改背景颜色？

Question

当我点击要滑动的元素切换其他一些元素时，我还会更改我单击的元素的背景颜色，以指示这是选中的。但是当我点击并滑动切换元素时，如何删除背景颜色？

$(".c756:eq(0)").click(function(){
    $(".c756:eq(0)").css('background-color','yellow');
    $("#wrapper_datorpaket").slideToggle();
});

Answer 1

我会设置一个“突出显示”类，并使用toggleClass并将开关设置为包装元素的可见性。

.highlight {
    background-color: yellow
}

$(".c756:eq(0)").click(function(){
    var that = this;
    $("#wrapper_datorpaket").slideToggle(function() {

        // this doesn't have to be in the callback
        // unless you want the highlight added/removed
        // on completion of the animation
        $(that).toggleClass("highlight", $(this).is(":visible"));
    });
});

Answer 2

您可以使用toggle method：

$('.c756:eq(0)').toggle(function () {
    $(this).css('background-color', 'yellow');
}, function () {
    $(this).css('background-color', 'transparent');
}).click(function () {
    $('#wrapper_datorpaket').slideToggle();
});