JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<!DOCTYPE html>
<html  class="cosmetichtml" >
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Clinic review : {name} | AbsoluteMe</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/style.css" />
<link rel="pingback" href="http://absoluteme.co.uk/xmlrpc.php" />
<link rel="shortcut icon" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/favicon.ico" />
<link rel="stylesheet" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/reset.css" type="text/css" />
<link rel="stylesheet" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/960_16_col.css" type="text/css" />
<link rel="stylesheet" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/text.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,400italic,700' rel='stylesheet' type='text/css'>    
<link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
<link type="text/css" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="stylesheet" />    
<link rel="stylesheet" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/john.css" type="text/css" />
<link rel="stylesheet" href="http://absoluteme.co.uk/wp-content/themes/absoluteme/css/gabriel.css" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="AbsoluteMe &raquo; Feed" href="http://absoluteme.co.uk/feed/" />
<link rel="alternate" type="application/rss+xml" title="AbsoluteMe &raquo; Comments Feed" href="http://absoluteme.co.uk/comments/feed/" />
<link rel='stylesheet' id='prev_styles-css'  href='http://absoluteme.co.uk/wp-content/plugins/pods_review/prev_styles.css?ver=3.3.1' type='text/css' media='all' />
<link rel='stylesheet' id='theme-my-login-css' ...

JavaScript

var preloaderIMG = prevpluginsDIR.pluginsDIR + "/images/ajax-loader.gif";
var ajaxloadingIMG = new Image();
ajaxloadingIMG.src = preloaderIMG;
var loginUrl = prevpluginsDIR.loginURL;
var is_logged = 0;

jQuery("document").ready(function() {
    jQuery("div.hreview > span.rating").each(prev_showStar);
    jQuery("span.rating").each(prev_showStar);
    jQuery(".prev_star_rating").each(prev_showStar);

    jQuery(".prev_star_input.prev_star_form").each(function() {
        var the_s = jQuery(this);
        var to_w = 0;
        if (jQuery(the_s).hasClass("small")) {
            to_w = "80px";
        } else {
            to_w = "120px";
        }

        jQuery(this).parent().css("width", to_w);
        var the_p = jQuery(the_s).parent();
        jQuery(the_p).prev().css("width", "370px");
        jQuery(the_p).insertBefore(jQuery(the_p).prev());
    });
    jQuery(".prev_star_form > div > ul > li").live("click", prev_setRating);
/*    
    jQuery(".prev_disableNextFields").live("change",function(){
        if(jQuery(this).is(":checked")){
            jQuery("#prev_show_hide_fields").fadeOut();
        }else{
            jQuery("#prev_show_hide_fields").fadeIn();
        }
    });    

        // We want to hide controls when user press "I only have consultation". We hide 2 controls (x3) after "I only have consultation" and then we show "analysis" and hide 5 more controls (until "I certify")
    var to_hide = jQuery(".prev_disableNextFields").parent();
    jQuery("<div id='prev_show_hide_fields'></div>").insertAfter(to_hide);
    to_hide = jQuery(to_hide).next().next();
    for(a=0; a<24; a=a+1){
            jQuery("#prev_show_hide_fields").append(to_hide);
            to_hide = jQuery(to_hide).parent().next();
    }
*/
    jQuery("#pods_form1_consultation").change(function() {
        current = jQuery("#spacer_consultation");
        for (i = 0; i < 24; i++) {
            current = current.next();
            if (!current.is(".Initial_analysis") &&...