javascript - usings sprites with Jquery multiple images -
so am using sprites show blank checkboxes , on each click want have goes blank, green check mark, grey check mark, x. link sprite image. http://s23.postimg.org/fz6v0ts6z/sprite.png anyways able select box once , turns red x off can't change check marks... great! <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script> <title></title> <style> #catnav li { display: block; width:25px; height: 25px; text-indent: -9999px; background: url(images/sprite.png)no-repeat; } #catnav li a#list-one-button { background-position: -25px -25px; } #catnav li.activeblankbutton1 a#list-one-button { background-position: -25px -75px } #catnav li a#list-two-button { background-position: -25px -75px; } #catnav li.activeblankbutton2 a#list-two-button { background-position: -25px -25px; } #catnav li a#list-three-button { background-position: -25px -125px; } #cat