How to tell JavaScript to do nothing?
<p>I have a small chunk of code, like this:</p>

<pre><code>$("div.footerMenu li").click(
    function () {
        $("div.onScreen").hide();
        $(this).children("div.onScreen").fadeIn('fast');    
    },function(){
        $("div.onScreen").hide();
});//click
</code></pre>

<p>And when I click on &lt; li > the div .onScreen shows nicely, but when i click on this div, that just showed up the functions is hiding in and showing again, but I dont want it to execdute this function again. So my question is: How can i somehow "detach/exclude/hide" this div from Javascript?</p>

<p>Im sorry for silli question, but that's beyond my skills :(</p>

<p><strong>update:</strong></p>

<p>The thing is that with this method and with others with .one() the rest of menu is not working. There is the site with the problem <a href="http://tnij.org/j7s1" rel="nofollow">tnij.org/j7s1</a> . I want this div that shows up stay there, when i click on it, but when i click on ther items <code>&lt;li&gt;</code> i want to other div's (submenus) to show up (warning - big images on that site ) -</p>

<p>the html looks like this:  <ul> <li>HOME</li> <li>PLENER  </li> <li>STUDIO  </li> <li>INNE  </li> </ul> </p>
