JavaScript实现菜单的隐藏与显示

 <div class="top">title</div>
<div class="left" id="li_left"><iframe src="左边框架的url" width="100" height="300" frameborder="no" border="0" marginwidth="0"marginheight="0" scrolling="no" allowtransparency="yes"></iframe></div>
<div class="xianshi" id="sanjiao"></div>
<div class="right"><iframe src="右边框架的默认url" name="right" width="700" height="300" frameborder="no" border="0" marginwidth="0"marginheight="0" scrolling="no" allowtransparency="yes"></iframe></div>

结构大致如上，你自己编写样式

然后自己用JQ写一个脚本大致如下：

 $("#sanjiao").click(function(){
   var class_val=$(this).attr("class");
     if(class_val=='xianshi'){
                    $(this).removeClass().addClass("yincang");
         $("#li_left").hide();
     }
     else{
                    $(this).removeClass().addClass("xianshi");
         $("#li_left").show();
     }
});