JSFiddle - React, Tailwind, and code Playground

by Alex Chizhov

HTML

<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/global.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/autoload/highdpi.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/autoload/responsive-tables.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/autoload/uniform.default.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/js/jquery/plugins/fancybox/jquery.fancybox.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockbanner/blockbanner.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockcategories/blockcategories.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockcurrencies/blockcurrencies.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blocklanguages/blocklanguages.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockcontact/blockcontact.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blocknewsletter/blocknewsletter.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blocktags/blocktags.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockviewed/blockviewed.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/modules/themeconfigurator/css/hooks.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/productcomments/productcomments.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/favoriteproducts/favoriteproducts.css">
<link rel="stylesheet" href="http://pineapple-lite.ru/themes/pineapple-lite/css/modules/blockuserinfo/blockuserinfo.css">
<link rel="stylesheet"...

CSS

label[for=other], #other {
    display:none;
}

JavaScript

jQuery(function ($) {

    $('#vat-number').val('000000');
    $('#company').val('Pineapple Design Studio');
    $('#address1').val('ул. Маяковского, 25А, 10 этаж');
    $('#address2').val('ул. Маяковского, 25А, 10 этаж');
    $('#city').val('Екатеринбург');
    $('#id_country').val('177');
    // Меняем название Домашнего телефона
    $('label[for=phone]').html('Телефон *');

    $('#phone_mobile').val('+7 908 909 25 33');
    $('#alias').val('Автоматический адрес');

})(jQuery);