JavaScript一次切换一个_Javascript_Jquery_Css_Html

JavaScript一次切换一个

javascript jquery css html

JavaScript一次切换一个,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我需要一些帮助，一次切换一个问题。我想显示一个问题，当我单击另一个问题时，旧问题将消失标题这是我的密码我不知道如何让他们一次出现一个，我尝试了很多不同的方法，但仍然没有想出任何办法 <html lang="en"> <head> <meta charset="UTF-8"> <title>FAQs</title> <link rel="stylesheet" href="main.css"> <script sr

我需要一些帮助，一次切换一个问题。我想显示一个问题，当我单击另一个问题时，旧问题将消失

标题这是我的密码

我不知道如何让他们一次出现一个，我尝试了很多不同的方法，但仍然没有想出任何办法

<html lang="en">
<head>
<meta charset="UTF-8">
<title>FAQs</title>
<link rel="stylesheet" href="main.css">
<script src="faqs.js"></script>     
</head>

 <body>
 <main id="faqs">
    <h1>JavaScript FAQs</h1>
    <h2><a href="#" >What is JavaScript?</a></h2>
    <div>
        <p>JavaScript is a is a browser-based programming language 
           that makes web pages more responsive and saves round trips to the 
 server.
        </p>
    </div>
    <h2><a href="#">What is jQuery?</a></h2>
    <div>
        <p>jQuery is a library of the JavaScript functions that you're most 
 likely 
           to need as you develop websites.
        </p>
    </div>
    <h2><a href="#">Why is jQuery becoming so popular?</a></h2>
    <div>
        <p>Three reasons:</p>
        <ul>
            <li>It's free.</li>
            <li>It lets you get more done in less time.</li>
            <li>All of its functions are cross-browser compatible.</li>
        </ul>
    </div>
</main>
</body>
</html>

按以下步骤进行：

最初使用CSS隐藏所有答案

将

问题

和

答案

保存到JS文件中的变量

添加在单击任何问题时执行的函数

隐藏所有答案
显示与单击的问题相关的答案

var问题=$（“h2 a”）；
var答案=$（“h2+div”）；
问题。点击功能（事件）{
event.preventDefault（）；
var answer=$（$（this.attr（“href”））；
答案。隐藏（）；
答案：show（）；
});
h2+div{
显示：无；
}

JavaScript常见问题解答
JavaScript是一种基于浏览器的编程语言
这使网页更具响应性，并节省了往返于网络的时间
服务器。

jQuery是一个JavaScript函数库，您最喜欢它
可能
当你开发网站的时候需要。

原因有三：

它是免费的
它可以让你在更短的时间内完成更多的工作
它的所有功能都是跨浏览器兼容的

将您的html代码片段添加到您的问题中好的，这是我所拥有内容的预览。您能提供帮助吗？
"use strict";
var $ = function(id) { return document.getElementById(id); };

// the event handler for the click event of each h2 element

var toggle = function() {

var h2 = this;                   
// clicked h2 tag     

 var div = h2.nextElementSibling; 
 // h2 tag's sibling div tag

// toggle plus and minus image in h2 elements by adding or removing a class

if (h2.hasAttribute("class")) { 
    h2.removeAttribute("class");    
} else { 
    h2.setAttribute("class", "minus"); 
}

//toggle div visibility by adding or removing a class

if (div.hasAttribute("class")) { 
    div.removeAttribute("class");
} else { 
    div.setAttribute("class", "open"); 
} 
};