JSFiddle - React, Tailwind, and code Playground

by hugosolar

HTML

<div id="algo">
    <p> esto es un texto</p>
    
</div>

<a href="#" id="link">aparece</a>
<a href="#" id="link2">mueve</a>

CSS

#algo {
    background:#666666;
}

JavaScript

$(function() {
    $("#algo").hide();
    $("#algo").click(function() {
        $("#algo").slideUp("slow");
    });
    $("#link").click(function() {
        $("#algo").slideDown("slow");
    });
    $("#link2").click(function() {
        $("#algo").animate({
            marginTop: '50px',
            marginLeft:'30px'
        }, 1500);
    });
});