How to remove style on second click?
<p>i got a box that is green as default and then changes color to red when you click on it the first time. how can I get the box to change back to green when you click on it a second time?</p>

<pre><code>&lt;div class="box1" id="1"&gt; &lt;/div&gt;

.box1 {
top: 1%;
left: 1%;
right: 1%;
height: 6%;
position: absolute;
background-color: #68E000;
padding-left: 2%;
padding-top: 0%;
cursor: pointer;
}

$(document).ready(function() {
    $("#1").click(function() {
        $("#1").css("background-color", "#FA0000");
    });
});
</code></pre>

<p>Thank you in advance </p>