Better way to “find parent” and if statements

Question

I can\'t figure out why this isn\'t working:

$(document).ready(function() {
    if ($(\'.checkarea.unchecked\').length) {
       $(this).parent().parent().pa         


        

Answer 1

I'd suggest:

$('.toggle-open-area').click(function() {
    $(this).toggleClass('unchecked checked');
    $(this).closest(appropriateSelector).toggleClass('open closed');
});

Incidentally, I can't provide an actual selector in place of appropriateSelector because your posted image¹ doesn't (seem to) include that particular element.

References:

• closest().
• toggleClass().

---

1. You realise you could include the actual mark-up in the question? It's much more convenient that way, and far easier to work with (create demos from, correct typos, retain usefulness in the event the external site falls over, dies or reorganises its content...).