Javascript-Toggle元素只能以一种方式工作！还需要URL附加的帮助

我正在尝试使用切换脚本来显示和隐藏页面的某些元素。。。隐藏包含链接列表的表并显示包含内容的表效果很好，但是使用它来逆转这一点根本不起作用

<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}

function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>

函数getElement（iElementId）
{
如果（全部文件）
{
返回文件。全部[iElementId]；
}
if（document.getElementById）
{
返回文档.getElementById（iElementId）；
}
}
功能切换元素（oElement）
{
如果（oElement.style.display==“无”）
{
oElement.style.display=“inline”；
}
else if（oElement.style.display==“内联”）
{
oElement.style.display=“无”；
}
其他的
{
oElement.style.display=“无”；
}
}
函数OpenPage（名称）{
//此处不相关的其他功能//
toggleElement（getElement（'MainTable'））；
toggleElement（getElement（'ContentTable'）；
返回false；
}
函数切换（）{
//document.getElementById（MainTable）.style.display=“inline”；
//document.getElementById（'ContentTable'）.style.display=“无”；
toggleElement（getElement（'MainTable'））；
toggleElement（getElement（'ContentTable'）；
返回false；
}

即使只是尝试一个“getElementByID”函数，也无法切换回显示链接主表和隐藏内容表。。。有什么办法让它工作吗？谢谢

（另外，在我们进行讨论时，使用Javascript/AJAX附加URL的最佳方式是什么？因为页面目前是forum/index.php，但当单击指向论坛的链接时，我希望URL附加到forum/index.php？f=然后是相关的数字）

函数getElement（iElementId）
{
如果（全部文件）
{
返回文件。全部[iElementId]；
}
if（document.getElementById）
{
返回文档.getElementById（iElementId）；
}
}
功能切换元素（oElement）
{
如果（oElement.style.display==“无”）
{
oElement.style.display=“inline”；
}
else if（oElement.style.display==“内联”）
{
oElement.style.display=“无”；
}
其他的
{
oElement.style.display=“无”；
}
}
函数OpenPage（名称）{
//此处不相关的其他功能//
toggleElement（getElement（'MainTable'））；
toggleElement（getElement（'ContentTable'）；
返回false；
}
函数切换（）{
//document.getElementById（MainTable）.style.display=“inline”；
//document.getElementById（'ContentTable'）.style.display=“无”；
toggleElement（getElement（'MainTable'））；
toggleElement（getElement（'ContentTable'）；
返回false；
}

对我来说效果很好：-你在测试什么浏览器？是的，看起来效果很好，感谢phatskat制作JSFIDLE，只能假设你在其他地方有故障，可能是在//other function not relevant here//。请制作一个JSFIDLE来显示您的问题。奇怪的是，它似乎正在工作！

<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}

function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>