Go back to default state if nothing is selected
<p>I have a results page with 2 columns: LEFT COLUMN contains a list of items that help the user filter his results. RIGHT COLUMN contains all the results. </p>

<p>By default, there are no items selected in the left column, hence, there are no results to show/filter on the right column. There are, however, some instructions that tell the visitor how to use the filters or items on the left column to see his results in the right column.</p>

<p>As of right now, I am capable of hiding the DIV that contains the results upon entering the page while having the instructions visible, and once the user clicks on an item in the left column, then hide the instructions and start showing the results.</p>

<p>My problem is that I don't know how to go back to the 'default' state if no items are selected. How do I show the instructions again once the user decides to clear all his filters?</p>

<p>Does this make sense? Let me know if you need me to explain more.</p>

<p><a href="http://www.jsfiddle.net/CDkcB/3/" rel="nofollow"><strong>- Live Demo here -</strong></a></p>
