jquery - Jquery 切换可见性按钮

Question

我试图制作一个按钮，它应该使一个元素隐藏（显示：无；）和一个可见，反之亦然。

这是我得到的那种东西的一个例子：

例子

在单击“技术细节”时，它会更改显示：无；显示：块；在一个元素上。我现在需要在显示这个元素时隐藏它下面的元素......

这是我使用的代码...

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”的类。将默认隐藏设置为显示：无；然后你可以像这样在你的函数中切换它们

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