を使用して別のdivを隠します「1つのdivが表示されているとき、もう1つのdivが非表示になっていますか?
私の悪い英語LANGのため申し訳ありません:#:3は私のhtmlコードは次のようになりdiv要素のjavascript
答えて
は、まず1特定のdivを は、それらのすべてを隠しコンテナとして私はそれを持ってここにdiv要素のそれぞれにクラスを追加し、表示さ
<div id="register" class="dropdown">
<button id="regbutton" href="#" onclick="toggle_visibility('container1');">show1</button>
<div id="container1" class='container' style="display:none;">test
</div>
</div>
<div id="login" class="dropdown">
<button id="loginbutton" href="#" onclick="toggle_visibility('container2')"><b>Masuk</b></button>
<div id="container2" class='container' style="display:none;">test
</div>
</div>
<script>
function toggle_visibility(id) {
var x = document.getElementById(id);
var divsToHide = document.getElementsByClassName('container'); //divsToHide is an array so we loop through them
for(var i = 0; i < divsToHide.length; i++){
divsToHide[i].style.display = "none";
}
x.style.display = 'block';
}
</script>
divは他のdivが表示されているときに非表示になりますが、同じボタンをクリックするとそのすべてを非表示にすることはできません。 – mrifat11
ここには私が意味するもののjsfiddleがあります。https://jsfiddle.net/r9d4ckua/ – AceWebDesign
別の方法これを行うには、 "隠された"クラスを使用して、必要な場所でそれを削除して追加することです。私はクラスをチェックするためのいくつかの関数を追加し、この例ではクラスを追加したり削除したりしました。これにより、代わりにボタンを切り替えることができますhttps://jsfiddle.net/ayf2uc26/1/ – AceWebDesign
だけこれら二つのdiv要素が必要な場合は、単に彼らのdivのidのと簡単な条件を使用することができます
function toggle(divNumber) {
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
if (divNumber == 1) {
div1.style.display = 'none';
div2.style.display = 'block';
} else {
div2.style.display = 'none';
div1.style.display = 'block';
}
}
を
- 1. どのように私はどのように私はのための要素aを選択することができ、HTMLコードは次の子要素
- 2. 私のJSコードここで私はdiv要素でJavaScriptの配列は、それをHTMLと表示するように変換する必要がHTML
- 3. どのように私は、次のHTMLコードを持つHTML
- 4. は、私はそうのようなHTMLを持つ要素
- 5. どのように私はdiv要素は、遷移関数に
- 6. 私のコードは次のようになりMathWorks社のMATLABで
- 7. jQueryのコードは、私がdiv要素でHTMLをロードするHTML文書内の次のJavaScriptコードを持つクローム&IE
- 8. jQueryの私はこのようなdiv要素を持っているのdiv
- 9. エラー:ドキュメントタイプは、要素 "div要素" 私は私のコードでエラーが発生した
- 10. は、私はこのようなdiv要素を持っているdivタグ
- 11. 私はdiv要素のマージン
- 12. divに表示される要素は、次のようにしないでください。HTML
- 13. ウェブスクレイピング、私は以下のようなHTMLが午前要素
- 14. CSSは、このコードがどのように見えるかは「DIV」要素は他の要素
- 15. jQueryのは、私はこのような要素持っているのdiv
- 16. CSSは、私は次のようにDIVを持つDIV内容
- 17. のは、我々は次のようにdiv要素を持っていると言うのdiv
- 18. GETデータは、私は次のhtml持っているJavaScriptコード
- 19. 次のコードを参照してくださいdiv要素(jQueryの+ Javascriptを)
- 20. 私は、コードの出力は次のようになりますOpenGLの
- 21. はJavascriptを:私は2つのdiv要素を持っているのdiv
- 22. 私はそのようなHTMLコードをビルドするPHPコードを持っている特定の要素
- 23. jQueryの私はこのコードを持っているdiv要素
- 24. 私は高さが、私は私のWebページ上の要素(div要素)を作成したいのJavaScript
- 25. 私は私のコードで次のように宣言していjavascriptをActiveXObjectの
- 26. 設定HTMLに必要な属性は、私は次のコードを使用し、
- 27. 方法は、私のJavaコードは次のようになり、更新フィールド
- 28. 道場はこのようなdiv要素でアニメーションに完全
- 29. は、どのように私は4つのdiv要素を持っている
- 30. がどのように私は私の選択は、私はHTMLの次のコード持っているのjQuery
はいできます。あなたはそれをどうやってできるか考えましたか? –
idはjQueryでクラスを切り替えたり削除したりします。 –
はい私は持っていますが、私はjsのnoobです。 – mrifat11