0

1 つの要素を非表示 (display: none;) にし、1 つの要素を表示し、その逆にするボタンを作成しようとしています。

これは、私が得た種類の例です：

例

「技術的な詳細」をクリックした瞬間に表示が変わります：なし; 表示する: ブロック; 要素上。この要素が表示されているときに、その下の要素を非表示にする必要があります...

これが私が使用しているコードです...

function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "Technical Details";
}
else {
    ele.style.display = "block";
    text.innerHTML = "Product Information";
}
}

これが理にかなっていることを願っています。事前に感謝します...

4

1 に答える 1

0

2 つの異なるテキスト HTML 要素をスパンでラップし、それらとリンクに「togglePrdctAndTech」というクラスを与えてみませんか。デフォルトの非表示のものを display:none; に設定します。次に、このように関数でそれらを切り替えることができます

function toggleElements(){
  $(".togglePrdctAndTech").toggle();
}
于 2013-05-18T18:09:52.600 に答える