Javascript fadein fadeout to jquery fadein fade out
<p>I have the JavaScript code to fadein.fadeout the menu, when ever user hovers it.</p>

<p>I want to convert JavaScript fadein fadeout to jQuery fadein fadeout.</p>

<p>Please help me to sort out this thing, i want jQuery because it loads in fadein fadeout style rather in a jurk in javascript</p>

<pre><code>&lt;style type="text/css"&gt;
     #div1 {  
         visibility: hidden;  
     }
&lt;/style&gt;

&lt;div onMouseOver="show('div1')" onMouseOut="hide('div1')"&gt;
    &lt;div id="div1"&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    function show(id) {
        document.getElementById(id).style.visibility = "visible";
    }
    function hide(id) {
        document.getElementById(id).style.visibility = "hidden";
    }
&lt;/script&gt;
</code></pre>
