Jquery 切换可见性按钮

Question

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

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

example

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

这是我正在使用的代码...

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();
}