JSFiddle - React, Tailwind, and code Playground

by silpa reddy

HTML

<div class="announcements">
        <div id="flip" class="flips">
            <h2 class="announcements">title here</h2>
            <div class="announcesig">
                Informed by: name here<br>Date: date here
            </div>
        </div>
        <div class="panel">
            <p>comment here<br>
            more comment
            <a target="_blank" href="link here">Click Here</a></p>
        </div>
            <div id="flip" class="flips">
            <h2 class="announcements">title here</h2>
            <div class="announcesig">
                Informed by: name here<br>Date: date here
            </div>
        </div>
        <div class="panel">
            <p>comment here<br>
            more comment
            <a target="_blank" href="link here">Click Here</a></p>
        </div>
    </div>

JavaScript

$(".flips").click(function(){
    $(this).next('.panel').slideToggle("fast");
  });