how do I hide elements using jQuery from inside a function
<p>I have what I think is a pretty simple function.  But the middle .hide and .removeClass are not happening.  Not sure how to resolve this.</p>

<pre><code>$(document).ready(function(){
    var li = $(".fb-notification-li");
    function showHide(){
        li.delay(11000);
        $('li.open ul').hide();
        $('li.open').removeClass('open');
        li.fadeIn(600);
        li.delay(20000);
        li.fadeOut(600);
    }
 showHide();                                    
});
</code></pre>

<p>EDIT --</p>

<p>On good advise I added a <a href="http://jsfiddle.net/ravenna/GFydL/" rel="nofollow">jsfiddle</a>.  Thanks</p>
