JSFiddle - React, Tailwind, and code Playground

by Anirban Nath

HTML

<section id="faq-list">
    <h5>Is it true that you are a carrot?</h5>
    <p>
        Lorem ipsum dolor sit amet, consectetuer
        adipiscing elit, sed diam nonummy nibh euismod
        tincidunt ut laoreet dolore magna aliquam erat
        volutpat. Ut wisi enim ad minim veniam, quis
        nostrud exerci tation ullamcorper suscipit
        lobortis nisl ut aliquip ex ea commodo consequat.
    </p>
    <div class="answer" style='display:none;'>
        <p>
            Lorem ipsum dolor sit amet, consectetuer
            adipiscing elit, sed diam nonummy nibh euismod
            tincidunt ut laoreet dolore magna aliquam erat
            volutpat. Ut wisi enim ad minim veniam, quis
            nostrud exerci tation ullamcorper suscipit
            lobortis nisl ut aliquip ex ea commodo consequat.
        </p>
    </div>
    <input type="submit" value="READ MORE" id="readmore">

JavaScript

$(document).ready(function() {
            $('#readmore').click(function() {

            	if( ! $('.answer').is(':visible') )
                	$('.answer').slideDown(500);
                else
                	$('.answer').slideUp(500);


            });
        }); // end ready