JSFiddle - React, Tailwind, and code Playground

by sijav

HTML

<script src="http://simplefocus.com/flowtype/js/plugins-ck.js"></script>
<link rel="stylesheet" href="http://www.haselden.co.uk/rttest/css/responsiveslides.css">
<link rel="stylesheet" href="http://www.haselden.co.uk/rttest/css/demo.css">
<script src="js/responsiveslides.min.js"></script>
<link rel="stylesheet" href="http://www.haselden.co.uk/rttest/css/style.css">
<link rel="stylesheet" href="http://www.haselden.co.uk/rttest/css/fonts.css">
<link rel="stylesheet" href="http://www.haselden.co.uk/rttest/css/media.css">
<div id="wrapper">
	<div id="cartOptions">
	<a href="basket.html">View Basket</a> | <strong><a href="checkout.html">Checkout</a></strong>
	</div>
	<div id="banner">
		<a href="index.html">
		<img src="images/logo-small.png" alt="Logo">
		<h1>Ruby Tuesday</h1><br>
		<h2>Handmade for you</h2></a>
		<div id="search">
			<input type="textbox" value="Search the site..." placeholder="Search the site...">
			<input type="submit">
		</div>
	</div>
	<div id="navigation">
		<div class="menuWrapper">
			<span class="mobileMenu">+ Menu</span>
			<div class="menuItemWrapper">
			<div class="menuItem mobileColour"><a href="shop.html">Shop Online</a></div>
			<div class="menuItem mobileColour"><a href="blog.html">The Blog</a></div>
			<div class="menuItem "><a href="lookbook.html">LookBook</a></div>
			<div class="menuItem "><a href="gift-finder.html">Gift Finder</a></div>
			<div class="menuItem mobileColour"><a href="about.html">About Us</a></div>
			<div class="menuItem sub divider">|</div>
			<div class="menuItem mobileColour sub"><a href="freebies.html">Tutorials</a></div>
			<div class="menuItem  sub"><a href="faq.html">FAQ</a></div>
			<div class="menuItem  sub"><a href="contact.html">Contact</a></div>
			<span class="stretcher"></span>
		</div>
		</div>
	</div>
	<div id="main">
		<div id="rightCol">
			    <div class="callbacks_container">
      <ul class="rslides callbacks callbacks1" id="slider4">
        <li id="callbacks1_s0" class="" style="display:...

JavaScript

//my script
$('body').flowtype({
 minFont : 10,
 maxFont : 40,
 minimum : 500,
 maximum : 1200,
 fontRatio : 70
});
//site script
// You can also use "$(window).load(function() {"
    $(function () {

      // Slideshow 4
      $("#slider4").responsiveSlides({
        auto: true,
        pager: false,
        nav: true,
        speed: 500,
        namespace: "callbacks",
        before: function () {
          $('.events').append("<li>before event fired.</li>");
        },
        after: function () {
          $('.events').append("<li>after event fired.</li>");
        }
      });

    });
//to here---
//second script

$('.mobileMenu').click(function(e) {
    $(this).toggleClass('arrowDown').next().slideToggle('slow');
});
//to here