JSFiddle - React, Tailwind, and code Playground

by raskalbass

HTML

<head>
	<title>Магазин потолков</title>

<base href="http://rekon36.ru/" />
<link href="/assets/templates/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="/assets/templates/css/style.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="/assets/templates/css/nivo-slider.css" type="text/css"  />

<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="/assets/templates/css/ie.css" type="text/css"  /><![endif]--> 
<link rel="stylesheet" href="/assets/templates/css/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="/assets/templates/js/jquery.colorbox.js"></script>
<script src="/assets/templates/js/jquery.leanModal.min.js"></script>
<script>
			$(document).ready(function(){
				$(".gallery_cat").colorbox({rel:'gallery_cat', slideshow:true});
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			}); 
</script>
</head>
<body>
<div class="all">
<header>
	<div class="center_in">
		<div class="header_left">
			<a class="arch_btn"  href="#v_dialog" name="vizov">Вызов архитектора</a>

			<a class="sitemap" href="/sitemap.html">Карта сайта</a>
		</div>

		<div class="logo">
			<a href="/"><img src="/assets/templates/images/logo.png" alt="Рекон" /></a>
		</div>

		<div class="right_header">
			<div class="adres_header">
				<p>г. Воронеж</p>
				<p>ул. Донбасская, 16Б</p>
			</div>
			<div class="tel_header">
				<p>222-00-13</p>
			</div>
		</div>

		<div class="clear"></div>
	</div>
</header>
	<!--форма вызова -->
			<div id="v_boxes">  
				<div id="v_dialog" class="v_window"> 
<div class="form_add_otz contact_form">
        <div class="v_top">
		 <h2 style="">Вызов архитектора</h2><a href="#" class="v_link...

JavaScript

$('a[name=vizov]').click(function (e) {
        e.preventDefault();
    if ($(this).parent().attr("class") == "zakaz"){alert("sd");}
        var id = $(this).attr('href');
        $(id + " h2").text("Заказ потолка");
        $(id + " input[type=submit]").val("Заказать");
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#v_mask').css({
            'width': maskWidth,
                'height': maskHeight
        });
        $('#v_mask').fadeIn(1000);
        $('#v_mask').fadeTo("slow", 0.8);
        var winH = $(window).scrollTop();
        var winW = $(window).width();
        $(id).css('top', winH  - $(id).height() / 2);
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).fadeIn(2000);
    });
    $('.v_window .v_close').click(function (e) {
        e.preventDefault();
        $('#v_mask, .v_window').hide();
    });
    $('#v_mask').click(function () {
        $(this).hide();
        $('.v_window').hide();
    });