In order to achieve Show/Hide FAQs you can use the Markdown Block and a jQuery script, as shown in this tutorial on this site (here)
First, you need to inject this code call below, in the site-wide Code Injection (Settings > Advanced > Code Injection Header):
Code call:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Then, you need to add this jQuery script below in the page specific Code Injection:
<script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h2').css('cursor','pointer');
$(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();});
});
</script>
Then you will need to add a Markdown Block on the page with the following structure:
## **+ QUESTION 1**
REPLY 1
## **+ QUESTION 2**
REPLY 2
## **+ QUESTION 3**
REPLY 3
In this video below, I have guided you through the whole process:
SOURCE FOR THE CODE: Silva Bokis