Element selector issues
Element selector issues
I've been trying to get this working for the past hour or so, with no such luck. What I'm attempting is have the text color of the list items within the "categories" list change when clicked, then change back to default color, if clicked again. The following code works when clicking the actual checkbox, but not when clicking the text that is the label for it. This function SHOULD be running any time any part of a list-item is clicked. Any clue as to why only the checkbox is registering?
http://www.mikehimself.com/controls/add.html
-
$(document).ready(function() {
$("ul#category_choose li").click(function() {
var color = $(this).css("color");
if(color !== "red") {
$(this).css("color", "red");
} else {
$(this).css("color", "#333");
}
});
});