Question

I’ve some code where I’m showing/hiding DIVs based on choices made in 2 select drop downs. This is working great. Now, I’m trying to display a “no results” message when nothing matches the choices.

My Fiddle

It’s almost working. The problem is that the “no results” message shows when it needs to, but doesn’t hide when should. Any assistance would be greatly appreciated.

Answer 1

Add an else statement after checking for no result:

        if ($('.item:visible').length === 0) {
            $(".NoResults").html("<p>No events for your selection.</p>");
        }
        else $(".NoResults").html("");

Here is your updated jsFiddle : http://jsfiddle.net/hDWAh/8/