Click multiple buttons to change color. click the button to change color.

Click multiple buttons to change color. click the button to change color.

JQuery code:

<Script type = "text/javascript"> // load event $ (function () {var collection = $ (". flag "); $. each (collection, function () {$ (this ). addClass ("start") ;}) ;}; // Click Event function dj (dom) {var collection =$ (". flag "); $. each (collection, function () {$ (this ). removeClass ("end"); $ (this ). addClass ("start") ;}); $ (dom ). removeClass ("start"); $ (dom ). addClass ("end") ;}</script>

Css code:

<style type="text/css">        .start        {            cursor:pointer;            color:Green;            }                .end        {            cursor:pointer;            color:Red;        }</style>

Html code:

<span class="flag" onclick="dj(this)">LoveOne</span><span class="flag" onclick="dj(this)">LoveTwo</span><span class="flag" onclick="dj(this)">LoveThree</span><span class="flag" onclick="dj(this)">LoveFour</span>