Show hide elements with checkboxes and Jquery - jsfiddle example
<p>This works fine if I don't check both boxes. Not sure how to fix it.</p>

<pre><code>$(".home-check").live('click', function() {
if ($(".home-check").is(':checked')) {
    var ident = $(this).attr('id');
    $('.' + ident).hide();

} else {
    var identt = $(this).attr('id');
    $('.' + identt).show();
}
});​
&lt;p&gt;&lt;input class="home-check" id="water" type="checkbox" name="gethired" /&gt;Fire - Only Show Fire&lt;/p&gt;
&lt;p&gt;&lt;input class="home-check" id="fire" type="checkbox" name="hire" /&gt;Water - Only Show Water&lt;/p&gt;

&lt;li class="fire"&gt;Fire&lt;/li&gt;
&lt;li class="water"&gt;Water&lt;/li&gt;
&lt;li class="fire"&gt;Fire&lt;/li&gt;
&lt;li class="water"&gt;Water&lt;/li&gt;
&lt;li class="fire"&gt;Fire&lt;/li&gt;
&lt;li class="water"&gt;Water&lt;/li&gt;
</code></pre>

<p><a href="http://jsfiddle.net/cip691/AeyAL/2/" rel="nofollow">http://jsfiddle.net/cip691/AeyAL/2/</a></p>
