JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.dontbebroke.com/redesign/wp-content/themes/dbb2014/css/jquery.sliding_menu.css">
<link rel="stylesheet" href="http://www.dontbebroke.com/redesign/wp-content/themes/dbb2014/style.css">
<body>
    <div role="banner" id="main-banner" style="background: transparent; width: 100%; text-align: center;">

		<div id="header-top">

			<div id="menu" style="display: none;">
                Testing
			</div>

			<div id="locate-wrapper"><div id="store-locator">Store Locator</div>
			<div id="locator-pop">
				
			</div>
		</div>
		<div id="member"><a href="#">Members Area</a></div>
		</div>

    <h3 class="logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="http://www.dontbebroke.com/wp-content/images/elements/dbb-logo.png"/></a></h3>

        <div class="fx-bg" style="opacity: 0;"></div>
        
       
</body>

JavaScript

$(document).ready(function (jQuery) {

    'use strict';   
$.fn.extend({
        sliding_menu_js: function (opciones) {

            // Configuración Base por defecto
            var config = {
                header_title: false,
                header_logo: false,
                toggle_button: true,
                transitionSpeed: 0.5,
                easing: 'ease'
            };

            if (opciones) {
                $.extend(config, opciones);
            }
            alert('No');
            // Se agregan elementos básicos
            $('<div/>', { id: 'sliding_menu_js_btn'}).appendTo('body');

            $('<div/>', { id: 'sliding_menu_js', class: 'cerrado' }).appendTo('body');

            $('<div/>', { class: 'header' }).appendTo('#sliding_menu_js');

            $('<ul/>').appendTo('#sliding_menu_js');

            $('<div/>', { id: 'sliding_menu_js_over' }).appendTo('body');

            $('body').css('padding-top', '60px');

            $('#sliding_menu_js ul').append(jQuery(this).html());

            $('.divider').remove();
            $('#sliding_menu_js ul').removeClass();
            $('#sliding_menu_js ul li a').removeClass();

            // Titulo
            if (config.header_title) {
                $('#sliding_menu_js .header').prepend("<h3>" + config.header_title + "</h3>");
                $('#sliding_menu_js_btn').append("<h3>" + config.header_title + "</h3>");
            }

            // Logo
            if (config.header_logo) {
                $('#sliding_menu_js .header').prepend("<img src='" + config.header_logo + "' />");
            }

            // Transición
            $('#sliding_menu_js').css('transition', 'left ' + config.transitionSpeed + 's ' + config.easing);


            $('#sliding_menu_js_btn').hover(function () {
                toggle();
            }, function () {
				//alert('Hello');
            });

            $('#sliding_menu_js_over').hover(function () {
               setTimeout(ocultar,...