<div class="faq-box" onclick="openAnswer(this)">
        <p class="subheader question">Question Text Here</p>
            <div class="answer">
                <p>Answer Text Here</p>
            </div>
    </div>

    <script async>
        function openAnswer(e) {
            e.classList.add("active");
            e.setAttribute("onclick", "closeAnswer(this)")
        }
        function closeAnswer(e) {
            e.classList.remove("active");
            e.setAttribute("onclick", "openAnswer(this)")
        }
    </script>

    
        /****************
        FAQ BOXES
        ****************/
        .faq-box{border-top:2px solid #cccccc;border-bottom: 2px solid #cccccc;overflow:hidden;background-color:#fff;position:
        relative;
        p{font-family:'';margin:1.4vw 0;}
        .question{font-size:1.4vw;font-weight:600;cursor: pointer;padding:1vw 0;}
        .answer{display:none;transition: .5s;}
        }
        .faq-box.active{.answer{display:block;padding-bottom:3vw;p{font-size:1.07vw;}}}
        .faq-box .question::after {content:'+';font-size:1.2vw;padding-left:1vw;}
        .faq-box.active .question::after {content:'-';font-size:1.2vw;padding-left:1vw;}