页面内某些版块的隐藏
    <ul>
    <li onmouseover="show('ul_1');" onmouseout="hide('ul_1');"><a href="#">模板一</a>
    <ul id="ul_1"><li>1</li><li>2</li><li>3</li></ul>
    </li>
    <li onmouseover="show('ul_2');" onmouseout="hide('ul_2');"><a href="#">模板二</a>
    <ul id="ul_2"><li></li><li></li><li></li></ul>
    </li>
    <li onmouseover="show('ul_3');" onmouseout="hide('ul_3');"><a href="#">模板三</a>
    <ul id="ul_3"><li></li><li></li><li></li></ul>
    </li>
    <li onmouseover="show('ul_4');" onmouseout="hide('ul_4');"><a href="#">模板四</a>
    <ul id="ul_4"><li></li><li></li><li></li></ul>
    </li>
    <li onmouseover="show('ul_5');" onmouseout="hide('ul_5');"><a href="#">模板五</a>
    <ul id="ul_5"><li></li><li></li><li></li></ul>
    </li>
    </ul>




    <script type="text/javascript">
        function show(id) {
            document.getElementById(id).style.display = 'block'; 
        }
        function hide(id) {
            document.getElementById(id).style.display = 'none'; 
        }
    </script>



代码大概是这样，要问的问题是我每次打开网页的时候我希望隐藏的版块一开始都是显示出来，要移动一下才会隐藏，要怎么样才能让它一开始就隐藏

------解决方案--------------------
    <script type="text/javascript">
         function show(id) {
             document.getElementById(id).style.display = 'block'; 
         }
         function hide(id) {
             document.getElementById(id).style.display = 'none'; 
         }

        hide(.....);
     </script>