Я не знаю ни JavaScript, ни jQuery, но я отвечу!:)
Я тут смастерил пример с JavaScript, используя условный оператор.
<!DOCTYPE html />
<html lang = "ru">
<body>
<div>
<input type = "text" id = "txt" style = "background-color: #000;"/>
<button id = "submit">Submit</button>
</div>
<script>
document.getElementById("submit").onclick = function () {
var txtStyle = document.getElementById("txt").style;
txtStyle.getPropertyValue("background-color") === "red" ?
txtStyle.setProperty("background-color", "#000") :
txtStyle.setProperty("background-color", "red");
};
</script>
</body>
</html>
Он работает.
Думаю, что что- то вроде этого можно сделать и на jQuery, то есть вставить условный оператор. Что-то наподобие такого:
$('#txt').css('background-color') === 'red' ?
$('#txt').css('background-color', '#000') :
$('#txt').css('background-color', 'red');
Конечно, лучше было бы просто менять классы, описанные в таблице CSS, у этого элемента.