1

我有这个脚本，当我点击一个按钮时会执行。单击按钮时，下面的文本将折叠，当我再次单击按钮时，文本将被展开并查看。

但是，我想要的恰恰相反。当页面自行加载时，我想隐藏/折叠文本，仅在单击按钮时显示。

我怎样才能做出改变？

JS

function toggleMe(a) {
                var e = document.getElementById(a);
                if (!e)
                    return true;
                if (e.style.display == "none") {
                    e.style.display = "block"
                } else {
                    e.style.display = "none"
                }
                return true;
            }

HTML

<input type="button" ="return toggleMe('para1')" value="Toggle">
                <br>
                <p id="para1">
                    some text................ </p>
4

3 回答 3

1

改变 

        <p id="para1">
to
        <p id="para1" style="display: none">

这行得通吗？

于 2013-02-03T16:28:11.250 回答
1

为什么不在窗口加载时隐藏文本？

window.onload = function() {

    document.getElementById("para1").style.display = "none";

}

或者你可以输入你的html

<p id="para1" style="display: none">
                some text................ 
</p>
于 2013-02-03T16:28:34.417 回答
0 
<html>
<head>
<script>
function toggleMe(a) {
                var e = document.getElementById(a);
                if (!e)
                    return true;
                if (e.style.display == "none") {
                    e.style.display = "block"
                } else {
                    e.style.display = "none"
                }
                return true;
            }
</script>

<body>
<input type="button" onclick="toggleMe('para1')" value="Toggle">
                <br>
                <p id="para1" style="display:none;">
                    some text................ </p>

</body>
</html>
于 2013-02-03T16:28:03.653 回答