Jquery切换可见性按钮

Question

我试图制作一个按钮，使一个元素隐藏（display：none;），一个可见，反之亦然。

以下是我所得到的一个例子：

example

点击＆＃39;技术细节＆＃39;它改变显示：无;显示：块;在一个元素上。我现在需要在显示这个元素时隐藏它下面的元素......

以下是使用...

的代码

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";
}
} 

希望这有意义，并提前感谢...

Answer 1

为什么不在一个范围内包装你的2个不同的文本html元素，并为它们和你的链接提供一个名为“togglePrdctAndTech”的类。将默认隐藏的设置为display：none;那么你可以像你这样在你的函数中切换它们

function toggleElements(){
  $(".togglePrdctAndTech").toggle();
}