框架集中的框架的隐藏和显示按钮

我正在页面两侧的框架集中制作两个框架的项目。左边的框架称为“左边”，右边的框架称为“右边”。我正在尝试为左边框分配一个“隐藏/显示”按钮;该按钮将被分配在左侧框架上，并且将隐藏左侧框架，从而使右侧框架变宽。我试过搜索，但我没有解决。框架集中的框架的隐藏和显示按钮

我是新来这个网站设计的东西，所以，如果有人借我一只手来帮助我，这将是一种荣耀。我希望我没有让事情变得太复杂。

谢谢期待您的答复那种.........

来源

2013-01-09 Shanzid S. Bidhan

请告诉我们您现有的代码 - [你尝试过什么？]（http://whathaveyoutried.com） – Blachshma

I *强烈*提醒：不要使用框架集。 –

我同意上面的2条评论100％ –

正如其他人所提到的框架可能会让你陷入困境。最简单的路线可能只是将你的两列包装在div中。 <body>标签上的一个等级规定了两者的宽度和可见性。 “隐藏”和“显示”最左列的过程只是使用JavaScript切换身体标记上的哪个类。

下面是一个简单的例子。

<body class="two-col"> 
    <div class="sidebar"> 
    <a id="hide-sidebar">Hide</a> 
    Left 
    </div> 
    <div class="main"> 
    Right 
    </div> 
</body> 

body.two-col .sidebar { 
    width: 25%; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

body.two-col .main { 
    width: 75%; 
    margin-left: 25%; 
} 

body.one-col .sidebar { 
    display: none; 
} 

$('#hide-sidebar').click(function() { 
    body = $('body'); 
    if (body.hasClass('one-col')) { 
    body.addClass('two-col').removeClass('one-col'); 
    } else { 
    body.addClass('one-col').removeClass('two-col'); 
    } 
});

来源

2013-01-09 22:01:00

我知道这是一个解决方案的隐藏和显示.. 但实际上我需要两个部门可调整大小，就像框架中的帧.......... 你能帮忙吗？ –

和顺便说一句..我很抱歉说...代码没有工作 –

你知道...像jsfiddle，但有一个可折叠的按钮 –

框架集中的框架的隐藏和显示按钮

回答

相关问题