Ciao a tutti,
sto studiando da poco Jquery e purtroppo non so cosa fare per risolvere questo problema.

Ho un <div> a cui ho dato stile via CSS ed associato uno script basato sulla libreria JQuery Transit.

Vorrei che al click cambiasse sempre colore, mentre invece adesso lo fa soltanto una volta. Il primo colore viene preso dal css, il secondo all'interno dello script.

Grazie anticipatamente.


codice:
<!DOCTYPE html>
<html>
<head>
  <style>

.box{
	width: 250px;
	height: 100px;
	margin: 0 auto;
	background: #2dac00;
	border: solid 5px #e3e3e3;
	cursor: pointer;
	}


	
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src='js/jquery.transit.js'></script>
</head>
<body>

<div class="box"></div>

<script>

$(".box").click(function(){

$('.box').transition({
    perspective: '100px',
    rotateX: '180deg',
    backgroundColor: '#db0000'
    });
});


</script>

</body>
</html>