javascript - Div 隐藏/显示切换问题

Question

我目前正在制作一个 iphone webapp 并且快完成了，我只需要解决我遇到的这个小问题

我设法隐藏一个 div 层并显示另一个，但我想要的是同一个按钮然后显示我隐藏的层并隐藏我再次单击时显示的层。所以基本上单击按钮会将其恢复到原始状态

我目前使用的代码是

<script type="text/javascript">


function toggle_layout(d)
{
    var onediv = document.getElementById(d);
    var divs=['Posts','Posts2'];

    for (var i=0;i<divs.length;i++)
    {
        if (onediv != document.getElementById(divs[i]))
        {
            document.getElementById(divs[i]).style.display='none';
        }
    }

    onediv.style.display = 'block';
}


</script>

它隐藏了一个我命名为“Posts”的 div 并显示了一个我命名为“Posts2”的 div，但再次单击它不会反转效果。

如果你想看看我的网站它的http://a-m-creativecapture.tumblr.com/ 必须在手机上查看它才能明白我在说什么。

Answer 1

你试过用 style.visibility (visible|hidden) 代替 style.display 吗？