JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>rа</title>

 

</head>
<body>
								
								<div class="zakaz_tabs">
									<div id="tabs_zakaz">
										<ul>
											<li>
												<a href="#tabs-1">Nunc tincidunt</a>
											</li>
											
											<li>
												<a href="#tabs-2">Proin dolor</a>
											</li>
											
											<li>
												<a href="#tabs-3">Aenean lacinia</a>
											</li>
											
											<li>
												<a href="#tabs-4">Aenfghean lacinia</a>
											</li>											
										</ul>
										
										<div id="tabs-1">
											<p>Tab 1 content</p>
										</div>
										
										<div id="tabs-2">
											<p>Tab 2 content</p>
										</div>
										
										<div id="tabs-3">
											<p>Tab 3 content</p>
										</div>
										
										<div id="tabs-4">
											<p>Tab 4 content</p>
										</div>										
									</div>
									
								</div>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<!-- tabs -->		
	<script src="prozaik.16mb.com/js/tab/js/tabs/jquery-ui-1.10.1.custom.js"></script>
	<script>
		$(function() {
			$( "#tabs_zakaz" ).tabs({
				show: function(event, ui) {
					console.log(ui.index);
					console.log(1121221);
				},
				
					
				  select: function(event, ui) {
					 alert("Click");
				  }			
			});				
		});
		
		console.log(444);
	</script>	

</body>
</html>