JSFiddle - React, Tailwind, and code Playground

by samishii23

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Testing</title>
        <Style type="text/css">
            .t1 { width: 100px; height: 50px; border: 1px Solid #000; margin-left: 5px; float: left; }
        </style>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#b").click(function() { 
                    $("#t1").animate({ width: "+=100" }, 1000 )
                        .animate({ "border-width": "+=10" }, 1000 );
                    });
                });
                
        </script>
    </head>
    
    <body>
        <div style="width: 225px">
        <button id="b">Click</button><br><br>
        <div class="t1" id="t1">HIIIII</div>
        <div class="t1"></div>
        </div>
        
    </body>
</html>