javascript click (функция) change color button

Question

$(document).ready(function() { 
    $('.tests').click(function() { 
     $(this).css('background-color', '#FFBF38'); 
    }); 
}); 

Этот код работает нормально, но когда я нажимаю другую кнопку (.tests), я хочу вернуться к цвету ранее. как это сделать? Благодаря!

Answer 1

Попробуйте это,

$('.tests').click(function() { 
 
     $('.tests').css('background-color', 'your_old_color'); 
 
     $(this).css('background-color', '#FFBF38'); 
 
});

Answer 2

var startColor = "yourStartColor"; 

$(document).ready(function() 
{ 
    $('.tests').click(function() 
    { 
    if($(this).css('background-color') == "#FFBF38") 
     $(this).css('background-color', startColor); 
    else 
     $(this).css('background-color', "#FFBF38"); 
    }); 
}); 

Answer 3

$(document).ready(function() { 
    $('.tests').click(function() { 
     $(".tests").css('background-color', "YOUR PREVIOUS COLOR"); 
     $(this).css('background-color', '#FFBF38'); 
    }); 
}); 

Answer 4

вам нужно использовать toggleClass("");
HTML

<div class="place"></div> 

CSS

.place { 
    width: 50px; 
    height: 50px; 
    background-color: #336699; 
} 
.green{ 
    background-color: black; 
} 

Script

$(".place").click(function() { 
    $(this).toggleClass("green"); 
}); 

Demo