jquery Implementation Click to change the background color, click on the other to restore the original background color, clicked to change the background color

It's easy to do this, but I'm not familiar with jquery before, and I feel a lot of confusion. Now I've finally sorted out the idea.

Html:

<Divclass= "Managementpanel">    <Div>Div1</Div>    <Divclass= "Red">Div2</Div>    <Div>Div3</Div>    <Div>Div4</Div>    <Div>Div5</Div></Div>

Css:

<style type= "Text/css" >    . Managementpanel div:hover{        background: #588600 ;    }     . Red{        background: red;    } </style>

Jquery:

 <script type= "Text/javascript" > //  $ (document). Ready (function   () {$ ( ". Managementpanel div"). Click (function   ()            {$ ( ". Managementpanel div"). Removeclass ("Red"   </script> 

< Span style= "color: #ffc66d;" >

< Span style= "color: #ffc66d;" > /span>

jquery Implementation Click to change the background color, click on the other to restore the original background color, clicked to change the background color