Change CSS on click and back again on next click
I've looked around for an answer and nothing works for me. I want to be able to click a div and have the background change, then on the next click of the div I want it to change back again. The first part works, however I cannot figure out how to do the second part.

This is what works (using jQuery):

    $(document).ready(function(){
    $('.button').click(function() {
    $('.icon').css("background-position", "0px 0px");
    });
    });

Any help would be appreciated, thanks.
Change CSS on click and back again on next click
===

I've looked around for an answer and nothing works for me. I want to be able to click a div and have the background change, then on the next click of the div I want it to change back again. The first part works, however I cannot figure out how to do the second part.

This is what works (using jQuery):

    $(document).ready(function(){
    $('.button').click(function() {
    $('.icon').css("background-position", "0px 0px");
    });
    });

Any help would be appreciated, thanks.