jquery - 在 jquery .click() 事件后重置背景颜色

Question

我有一个轨道列表，当您单击轨道时，播放器会展开，并且轨道会在悬停背景色中被选中。这工作正常，但是当单击另一个轨道时，它不会从旧轨道中删除悬停背景颜色。这是我正在使用的代码，这是一个测试链接:http://shacktown.com

$(document).ready(function(){
        $(".track").click(function(){
            if ( $(this).find('.trackPlayer').is(':hidden') ) {
                $('.trackPlayer').slideUp();
                $('.trackPlayer').css('background-color', '#331100');
                $(this).css('background-color', '#997766');
                $(this).find('.trackPlayer').slideDown();
            }
        });
    });

Answer 1

$(document).ready(function(){
    $(".track").click(function(){
        if ( $(this).find('.trackPlayer').is(':hidden') ) {
            //removing color from prev. track
            $(".selectedTrack").css('background-color', '#defaultcolorgoeshere').removeClass("selectedTrack");
            $('.trackPlayer').slideUp();
            $('.trackPlayer').css('background-color', '#331100');
            $(this).css('background-color', '#997766');
            $(this).addClass("selectedTrack");
            $(this).find('.trackPlayer').slideDown();
        }
    });
});