JSFiddle - React, Tailwind, and code Playground

by tankchintan

HTML

<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div id="complete-canvas">
    
    <div id="partial-canvas-1" class="span3">I am canvas 1</div>
    <div id="partial-canvas-2" class="span3">I am canvas 2</div>
    
</div>

JavaScript

(function(){(function(e,t){var n,r;r=t.document;n=function(){function n(t){this._options=e.extend({name:"tour",labels:{end:"End tour",next:"Next &raquo;",prev:"&laquo; Prev"},template:"<div class='popover tour'>            <div class='arrow'></div>            <h3 class='popover-title'></h3>            <div class='popover-content'></div>          </div>",container:"body",keyboard:!0,useLocalStorage:!1,debug:!1,backdrop:!1,afterSetState:function(e,t){},afterGetState:function(e,t){},afterRemoveState:function(e){},onStart:function(e){},onEnd:function(e){},onShow:function(e){},onShown:function(e){},onHide:function(e){},onHidden:function(e){}},t);this._steps=[];this.setCurrentStep();this.backdrop={overlay:null,step:null,background:null}}n.prototype.setState=function(n,r){n=""+this._options.name+"_"+n;this._options.useLocalStorage?t.localStorage.setItem(n,r):e.cookie(n,r,{expires:36500,path:"/"});return this._options.afterSetState(n,r)};n.prototype.removeState=function(n){n=""+this._options.name+"_"+n;this._options.useLocalStorage?t.localStorage.removeItem(n):e.removeCookie(n,{path:"/"});return this._options.afterRemoveState(n)};n.prototype.getState=function(n){var r;this._options.useLocalStorage?r=t.localStorage.getItem(""+this._options.name+"_"+n):r=e.cookie(""+this._options.name+"_"+n);if(r===void 0||r==="null")r=null;this._options.afterGetState(n,r);return r};n.prototype.addStep=function(e){return this._steps.push(e)};n.prototype.getStep=function(t){if(this._steps[t]!=null)return e.extend({path:"",placement:"right",title:"",content:"",id:"step-"+t,next:t===this._steps.length-1?-1:t+1,prev:t-1,animation:!0,redirect:!0,onShow:this._options.onShow,onShown:this._options.onShown,onHide:this._options.onHide,onHidden:this._options.onHidden,template:this._options.template,container:this._options.container},this._steps[t])};n.prototype.start=function(t){var n,i=this;t==null&&(t=!1);if(this.ended()&&!t)return this._debug("Tour ended, start...