I have stored all the questions and answers in a SQL Server table, and it is fetching them perfectly. The FAQ user interface displays all the questions correctly from the table. You can see the interface in action by clicking on the following links: Question Interface Answer Interface However, there seems to be an issue when I try to click on the second question. Instead of showing its answer, it toggles back to the first question's answer.
Below is the code for the design page:
<section class="faq-section">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="faq-title text-center pb-3">
<h2>FAQ</h2>
</div>
</div>
<Put your own custom code here>
</div>
</div>
</section>
And below is the view source page code snippet:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FaqList - My ASP.NET Application</title>
<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.8.3.js"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<Customize this section as needed>
<link href="/Content/FAQstylesheet.css" rel="stylesheet" type="text/css" />
<h2>FaqList</h2>
<Insert relevant content here>
<script src="/Scripts/jquery-3.4.1.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
</body>
</html>