JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="container">
  
  <h1 class="title">
    Howdy 
    <a href="#"><small>click me</small></a>
  </h1>

  <div class="row">
    <div class="col-12">
      <a class="btn btn-primary" href="#">Get me</a>
    </div>
    <div class="col-12">
      <a class="btn btn-primary" href="#">Not Me</a>
    </div>
    <div class="col-12">
      <a class="btn btn-primary" href="#">Not Me</a>
    </div>
  </div>
  
</div>

JavaScript

// custom covers gallery
$('.title A').on( "click", function(e) {
  e.preventDefault();
  var container = $(this).closest('.container');
  console.log(container);
  $('.col-12:first-child', container).hide();
});