JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Testing this</h2>

<div id="myFirstDiv">Test</div>

<div id="mySecondDiv">2nd div!</div>

<br>

<a href="#" id="linkTrigger">Click this thing</a>

CSS

body { padding:20px; color:#242424; font-family: "Lucida Grande", Tahoma, "Trebuchet MS"; }

h2 { background:#5279a4; color:#fff; padding:5px; }
div { padding:5px; }

JavaScript

// mcpDESIGNS

    var _div1 = $('#myFirstDiv');
    var _div2 = $('#mySecondDiv');

    _div2.hide();
    
    //These could be used within multiple functions etc... No need for namespaces here!
    
    function Whatever () {
        console.log(_div1);
        _div1.css('background', '#000');
    }
    
    $('#linkTrigger').on('click', function () {
        Whatever(); 
        _div2.fadeIn();
    });