Hide a table row with filtering jquery
<p>I have the following example <a href="http://jsfiddle.net/zidski/MxqRu/1/" rel="nofollow">http://jsfiddle.net/zidski/MxqRu/1/</a></p>

<p>When you click on 2010 I need valuation to disappear with the list items.</p>

<p>Here is the code which I am using to do this:</p>

<pre><code>$("#yearfilter a").live("click", function(e) {
                e.preventDefault();
                //var v = $(this).val();
                var v = $(this).attr("data-value");
                if(v.length &gt; 0) {
                    $('tr.reports').show();
                    $('tr.reports ul').hide();
                    $('tr.reports ul.year-'+v).show();
                    $('tr.reports').each(function() {
                        if($('ul:visible', this).size() == 0) {
                            $(this).hide();
                        }
                    });
                } else {
                    $('tr.reports').show();
                    $('tr.reports ul').show();
                }
            });
</code></pre>
