The add and remove functions are working, but the "check" function which contains .toggleClass is not working. Any help would be greatly appreciated. I'm putting a link to the code below. Here is the line where I believe the problem lies. I am going to enter a snippet of the js in this question as well.
Javascript:
$(".shopping-list").on("click", ".shopping-item-toggle", function(event) {
event.preventDefault();
$(this).closest('li').find(".shopping-item").toggleClass('.shopping-item__checked');
});
The CSS class which the function should toggle:
.shopping-item__checked {
text-decoration: line-through;
}