Content Slider Issues javascript
<p>Ok everyone so I'm trying to make a visual code like www.gamespot.com. I have a show/hide/toggle function for each div. </p>

<p><a href="http://jsfiddle.net/2ZswK/1/" rel="nofollow">jsFiddle</a></p>

<p>Javascript:</p>

<pre><code>&lt;script language="javascript" type="text/javascript"&gt;
//&lt;!--

function showRow(mainsect){
if (document.getElementById(mainsect)) {
        document.getElementById(mainsect).style.display = ''; 
    }
}

function hideRow(mainsect){
if (document.getElementById(mainsect)) {
    document.getElementById(mainsect).style.display = 'none';
}
}

function toggleRow(mainsect){
if (document.getElementById(mainsect)) {
    if (document.getElementById(mainsect).style.display == 'none') {
        showRow(mainsect)
    } else {
        hideRow(mainsect)
    }
}
}


//--&gt;
&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
window.onload=function('hideRow';) {
toggleRow('mainsect');
};
&lt;/script&gt;
</code></pre>

<p>Ok and the html i am using for each div is </p>

<pre><code>&lt;li&gt;&lt;a href="javascript:void(0);" onMouseOver="toggleRow('sect')" onMouseOut="toggleRow('sect')"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>and what this does is when it mouseOver togglesRow 'sect' and i have multiple of these ////\ javascript codes, four i believe, to call each different div. Problem is the style="display:none;" makes it so there is no image at all. What I'd like to is make it so when it mouses out of sect or Page1 it stays on that until mouseover page2 or anyother page...how do i do this?</p>
