JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>EDGENCY</title>

<script type="application/javascript" src="Resource/js/jquery-1.6.2.js"></script>
<script type="application/javascript" src="Resource/js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript">

var myScroll;
function loaded() {
    myScroll = new iScroll('clients_wrp');
    myScroll = new iScroll('work_wrp');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);

</script>

<script type="text/javascript">
$(document).ready(function(){
    $(".clients_wrapper").hide();
    $(".work_wrapper").hide();
    
        $("#clients").toggle(
        function(){
            $(".clients_wrapper").show("slide", { direction: "right" }, 1100);
            return false;
        }, function(){
            $(".clients_wrapper").hide("slide", { direction: "left" }, 1100);
            return false;
        });
        
        $("#work").toggle(
        function(){
            $(".clients_wrapper").show("slide", { direction: "right" }, 1100);
            return false;
        }, function(){
            $(".clients_wrapper").hide("slide", { direction: "left" }, 1100);
            return false;
        });
        

})
</script>

<style type="text/css" media="all">

@font-face
{
                font-family: "FontNeoSans";
                src:url(Resource/font/NeoSansCyr.ttf)
}

@font-face
{
                font-family: "FontNeoMd";
                src:url(Resource/font/NeoMdCyr.ttf)
}

html {
    background:...