JSFiddle - React, Tailwind, and code Playground
HTML
<p>Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer<a href="#" class="btn-context"> solutions.</a>
</p>
<p class="inside-context">Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
<p>Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer<a href="#" class="btn-context"> solutions.</a>
</p>
<p class="inside-context">Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
CSS
.inside-context {
opacity: 0;
display: none;
}
.inside-context.open {
opacity: 1;
display: block;
}
JavaScript
$(document).ready(function () {
$(".btn-context").on('click', function (event) {
if ($('.inside-context').hasClass('open')) {
$('.inside-context').removeClass('open');
} else {
$('.inside-context').addClass('open');
}
event.preventDefault();
});
});