JSFiddle - React, Tailwind, and code Playground

by Hushme

HTML

<div id="test">
    <a href="#" id="test">test</a>
    <div id="toggle">
        <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et congue ligula. Maecenas a dui sed turpis lobortis gravida vitae ac tellus. Aliquam erat volutpat. Aenean consectetur convallis aliquam. Quisque in ipsum et arcu hendrerit volutpat. Vestibulum eu magna et elit malesuada ultrices nec non erat.
        </p>
    </div>
    
    
</div>

CSS

* {
padding:0;
    margin:0;
}

body {
font-family:arial;
    font-size:11px;
    color:red;
}
#test {
font-weight:bold;
    font-size:18px;

}
#toggle {
border:4px solid #d5d5d5;
    padding:10px;

}

JavaScript

$("#test") .click (function () {
$("#toggle") .fadeToggle();
    alert : "this is it";
});