JSFiddle - React, Tailwind, and code Playground

by fallenreaper

HTML

<a id='click'>[toggler]</a>

<br />
<br />
<div class="mainWrapper">
    <div class="cCanWrapper"> <a id="tCan">[T]</a>

    </div>
    <div class="titleWrapper"> <span class="titleSpan">[SOME TITLE HERE]</span>

    </div>
</div>

CSS

div.mainWrapper, div.cCanWrapper, div.titleWrapper {
    display: inline;
}

JavaScript

$(function () {
    $("div.cCanWrapper").hide();
    $("a#click").on("click", function () {
        $("div.cCanWrapper").animate({
            width: "toggle"
        });
    });
});