Question

i am using jquery for set background color to the table data and its working fine but i need when user again click the td the color should be deselect. its my script for add color.

java script:
  jQuery('td').click(function () { $(this).addClass('active'); });

my css class:
.active{background-color:red;}

when user again click the td the class should remove. How to achieve this.

Answer 1

jQuery('td').click(function () { $(this).toggleClass('active'); });

toggleClass adds if it doesn’t exist or removes if it does exist.