jqury或JS实现页面切换

Question

窗体分为左右两部分，中间可以折叠。

左侧：
<iframe name="BoardTitle" style="height: 100%; visibility: inherit; width: 198; z-index: 2"
scrolling="auto" frameborder="0" src="left.aspx"></iframe>

右侧：
<iframe id="mainFrame" name="mainFrame" style="height: 100%; visibility: inherit;
width: 100%; z-index: 1" scrolling="auto" frameborder="0" src="Admin/TVDepartAll.aspx"></iframe>

现在要实现的效果是：
在右侧的“Admin/TVDepartAll.aspx”页面里，有两个按钮，一个是“固定”，一个是“解固”。

1、当点击固定时，左侧的“iframe”的“src="left.aspx"”要修改下。要改为右侧“iframe”的“src="Admin/TVDepartAll.aspx"”，然后右侧“iframe”的“src="Admin/TVDepartAll.aspx"”变为“src="Welcome.aspx"”

简而言之，点击固定，左侧“src="left.aspx"”改为右侧“src="Admin/TVDepartAll.aspx"”，而右侧“src="Admin/TVDepartAll.aspx"”改为“src="Welcome.aspx"”。就相当于固定了右侧的“TVDepartAll.aspx”。

2、当点击解固时，左侧的“src="Admin/TVDepartAll.aspx"”还原为“src="left.aspx"”。右侧的“src="Welcome.aspx"”还原为“src="Admin/TVDepartAll.aspx"”

应该是通过JS或是Jquery来操作DOM实现，可是小弟的JS和Jquery不是很好，大家请看，这样的功能，JS或是Jquery应该怎样写啊？？？

如果忙的话简单写上几句也行啊，说说思路。不过，最好能多说点，多写点了，小弟急啊，客户急啊。。。

Answer 1

又是图片配合简单的解说应该会更清楚些