I am facing an issue with my code where I want to make it so that when a user clicks on one of the glyphs on the side of the page, elements with ids starting with the same letter will remain black while everything else, including other glyphs, turn grey.
Currently, the code I have is giving me an 'unexpected identifier' error when inspected. I am not sure how to fix this error and also uncertain about how to proceed in order to make the other elements go grey as desired.
<script>
$(document).ready(function() {
$("#A").click(function() {
$("#apartment, #apple, #art-folder, #air-conditioner").css("color", "black");
});
});
</script>