JSFiddle - React, Tailwind, and code Playground

by fido3993

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<div class="#">
<a href="#" class="show_me"><i class="icon fa fa-fw fa-angle-down"></i><span>Show</span> Me</a>
    <div id="i_frame"></div>
</div>

<div class="#">
<a href="#" class="show_me"><i class="icon fa fa-fw fa-angle-down"></i><span>Show</span> Me</a>
    <div id="i_frame"></div>
</div>

<div class="#">
<a href="#" class="show_me"><i class="icon fa fa-fw fa-angle-down"></i><span>Show</span> Me</a>
    <div id="i_frame"></div>
</div>

CSS

#i_frame {
    display: none;
    height:200px;
    background:black;
    width:200px;
}

JavaScript

$(function(){
			$('.show_me').click(function(){
      		$(this).siblings('#i_frame').toggle();
      })
})