-1

奇妙な問題があります。

トグルを使用して、ページのコンテンツを表示および非表示にしています。JavaScript の onclick イベントに基づいて div 要素の可視性を変更すると、正常に動作します。

私の問題は、onclickの前に一部のコンテンツが非表示になっているにもかかわらず、ページにスペースが割り当てられ、クリックイベントが発生するとスペースにテキストが表示されることです。もう一度クリックすると、テキストが消えます。

スペースも消えてほしいです。そうしないと、ぎこちなく見えます。参考までに画像を添付しておきます。javascript、css、および php のみで、jquery ソリューションはありません。 問題のイメージ

4

3 に答える 3

5

display: noneそれがあなたがしていることである場合ではなく、CSS を使用する必要がありvisibility: hiddenます。 visibility: hidden要素を非表示にするだけで、ドキュメント内のその場所を保持しますがdisplay: none、アイテムをドキュメントフローから完全に削除します.

于 2012-09-12T19:04:42.873 に答える
2

使用する

display: none;

それ以外の

visibility: hidden;
于 2012-09-12T19:04:06.853 に答える
1

コードを見ずにエラーを特定するのは困難ですが、ここに示す良い例から始めましょう。

<script language="javascript"> 
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "show";
}
else {
    ele.style.display = "block";
    text.innerHTML = "hide";
}
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>
于 2012-09-12T19:05:30.830 に答える