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 に答える