홈버튼은 div전부 닫히게 하고 그나머지 상단메뉴는 지정된div빼고는 다닫히게 하고 지정된div는 열리게 하려는데
최적화가 안되어선지 홈버튼에서 전부열렸다고 순차적으로 닫히고 버튼을 이리저리 롤오버시키면 2~3개 열렸다가 닫히고 지멋대로 입니다
좋은 방법없을까요? 링크보세요
도와주세요ㅜㅜ

class="imgRollOver0"></a></td>
<td>
        <a href="./main1.php" onfocus="blur();">
<img src="./img/q_02.jpg" width="95" height="94"  class="imgRollOver1" border="0"></td>
<td>
        <a href="./main2.php" onfocus="blur();">
<img src="./img/q_03.jpg" width="96" height="94" class="imgRollOver2" border="0"></td>
<td>
        <a href="./main3.php" onfocus="blur();">
<img src="./img/q_04.jpg" width="95" height="94" class="imgRollOver3" border="0"></td>
<td>
        <a href="./main4.php" onfocus="blur();">
<img src="./img/q_05.jpg" width="95" height="94" class="imgRollOver4" border="0"></td>
<td>
        <a href="./main5.php" onfocus="blur();">
<img src="./img/q_06.jpg" width="95" height="94" class="imgRollOver5" border="0"></td>
<td>
        <a href="./main6.php" onfocus="blur();">
<img src="./img/q_07.jpg" width="96" height="94" class="imgRollOver6" border="0"></td>
<td>
        <a href="http://www.boxpop.co.kr/" onfocus="blur();">
<img src="./img/q_08.jpg" width="187" height="94" class="imgRollOver7" border="0"></td>
</tr>
</table></td></tr></table><tr>
<td align="center" valign="top"width="100%" bgcolor="#FFFFFF">
<div class="666">
<img src="./img/sub script menu 6.jpg" alt="" border="0" usemap="#Map1" />
    </div>
<div class="555">
<img src="./img/sub script menu 5.jpg" alt="" border="0" usemap="#Map1" />
    </div>
<div class="444">
<img src="./img/sub script menu 4.jpg" alt="" border="0" usemap="#Map1" />
    </div>
<div class="333">
<img src="./img/sub script menu 3.jpg" alt="" border="0" usemap="#Map1" />
    </div>
<div class="222">
<img src="./img/sub script menu 2.jpg" alt="" border="0" usemap="#Map1" />
    <map name="Map1" id="Map">
      <area shape="rect" coords="19,36,31,66" href="http://www.naver.com" target="_blank" />
      <area shape="rect" coords="96,42,127,70" href="http://www.daum.net" target="_blank" />
  </map>
</div>
   
<div class="111">
<img src="./img/sub script menu 1.jpg" alt="" border="0 usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="19,36,31,66" href="http://www.naver.com" target="_blank" />
      <area shape="rect" coords="96,42,127,70" href="http://www.daum.net" target="_blank" />
    </map>
</div>

</td>
</tr>
</table>
<script type="text/javascript">
$(function(){
$("img.imgRollOver0").mouseover(function(){
$('div.111').hide('1000', function(){
                        $('div.222').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                            });});});});});});
});
});

$(function(){
$("img.imgRollOver1").mouseover(function(){

                        $('div.222').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                         
$('div.111').show('1000', function(){
 });});});});});
});
});
});
   
    $(function(){
$("img.imgRollOver2").mouseover(function(){

                        $('div.111').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                         
$('div.222').show('1000', function(){
 });});});});});
});
});
});
   
    $(function(){
$("img.imgRollOver3").mouseover(function(){

                        $('div.222').hide('1000', function(){
                            $('div.111').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                         
$('div.333').show('1000', function(){
 });});});});});
});
});
});
   
    $(function(){
$("img.imgRollOver4").mouseover(function(){

                        $('div.222').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.111').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                         
$('div.444').show('1000', function(){
 });});});});});
});
});
});
   
    $(function(){
$("img.imgRollOver5").mouseover(function(){

                        $('div.222').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.111').hide('1000', function(){
                            $('div.666').hide('1000', function(){
                         
$('div.555').show('1000', function(){
 });});});});});
});
});
});

       
$(function(){
$("img.imgRollOver6").mouseover(function(){

                        $('div.222').hide('1000', function(){
                            $('div.333').hide('1000', function(){
                            $('div.444').hide('1000', function(){
                            $('div.555').hide('1000', function(){
                            $('div.111').hide('1000', function(){
                         
$('div.666').show('1000', function(){
 });});});});});
});
});
});


</script>
</td>
  </tr>
 </table>