Question

I ran into this very odd scenario.
This won’t hide the H1:

if ($('#content h1').hasClass('active')) {
    $(this).hide();
}

Only this will:

if ($('#content h1').hasClass('active')) {
    $('#content h1').hide();
}

Why can’t I use the (this)? Is something wrong with the script?

Answer 1

That is the correct behaviour. In the context of your if statement this does not hold a reference to your h1 element but to the document element (or function if you are inside of a function).