JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8" />
        <title>HTML5 Layout</title>
        <link rel="stylesheet" href="css/main.css" type="text/css" />
    </head>
    <body>
        <div id="content">HELL YAAY</div>
    </body>
</html>

CSS

#content {
    display: none ;
    background-color: yellow ;
}

JavaScript

( function( $ ) {
    
    $.fn.myTool = function( options ) {
        var settings = $.extend( {
            'duration'         : 500
        }, options);
        
        return this.each( function( ) {
            $(this).fadeIn( 500 ) ;
        } ) ;
    }
    
} ) ( jQuery ) ;
    
$(document).ready( function( ) {
    $('#content').myTool( { duration:2000 } ) ;           
} ) ;