0

我以前做过类似的事情，但这次代码不起作用。基本上，我想让用户打开和关闭一个 html 框。这是一个jsfiddle

http://jsfiddle.net/2pcwW/

这有几个问题。首先，它无法正常工作，可能是由于拼写错误。其次，我希望默认隐藏文本，而不是显示它，这与它试图做的相反。最后，是否可以在 div 内放置一个表格，以便整个表格打开和关闭 - 代替“一些文本”。

这是非工作代码..与 jsfiddle 中的相同。

JS:
function toggleBox(obj) {
            var box = document.getElementById("box");
            if (box.style.display == "none") {
                box.style.display = "";
                obj.innerHTML = <div>Hide</div>;
            } else {
                box.style.display = "none";
                obj.innerHTML = <div>Show</div>";
            }
        }
html:
<table><tr><td><div>
<a href="javascript:void(0)" onclick="toggleBox(this);"><div>Hide</div></a><div id="box">
Some text</div></div></td></tr></table>

感谢您的任何建议。

4

1 回答 1

2

好吧，如果你可以不使用 JavaScript（并且只支持实现:target伪选择器的浏览器）：

<table>
    <tr>
        <td>
            <div>
                <a href="#box">
                    <div>Hide</div>
                </a>
                <div id="box">
                    Some text. <a href="#">Hide</a></div>
            </div>
        </td>
    </tr>
</table>

和 CSS：

#box {
    display: none;
}

#box:target {
    display: block;
}​

JS 小提琴演示。

于 2012-07-08T16:21:26.760 回答