Javascript how to Toggle button background color on click

Question

can some one tell me how to Toggle button background color on click?

look at this buttons and add examples please : http://jsfiddle.net/ukkj7dth/

<div class="button">button 1</div>
<div class="button">button 2</div>
<div class="button">button 3</div>
<div class="button">button 4</div>
<div class="button">button 5</div>
<div class="button">button 6</div>

i want it to be like, when a button 1 clicked it must change background color to yellow and when button 2 clicked then button 1 must go back to green background and button 2 change to yellow etc...

Thanks

Answer 1

Just toggle a class

$('.button').on('click', function() {
    $(this).toggleClass('myClass').siblings().removeClass('myClass');
});

FIDDLE