<style>
        #dvLeft{float:left;width:180px;background-color:#cc0;height:100%;}
        #middle{float:left;width:12px;background-color:#c80;height:100%;}

</style>

<script language="javascript">
function $(obj){return document.getElementById(obj);}
function switchBar(){
        if($("barStatus").value==0){
                $('dvLeft').style.display = 'none';
        }else{
                $('dvLeft').style.display = '';
        }
        $("barStatus").value = 1 - $("barStatus").value;
}
</script>

<div style="width:100%;height:100%;background-color:#ccc;">
        <div id="dvLeft">这里是 left 部分</div>
        <div id="middle">
       <input type="hidden" value="0" id="barStatus" />
           <a href='###' onclick="switchBar()">&gt;&gt;</a>
        </div>

        <div id="content">
                <iframe id="content" style="width:100%; height: 100%" frameBorder="0" scrolling=auto src="1.htm"></iframe>
        </div>
       
</div>