JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="tabs">
        <ul>
            <li><a href="#iPhone"><span>iPhone</span></a></li>
            <li><a href="#iPad"><span>iPad</span></a></li>
            <li><a href="#iPod"><span>iPod</span></a></li>
        </ul>

        <div id="iPhone">
            <p>First tab is active by default:</p>
            <a class="nexttab" href="#iPad">Next Tab</a>
            <div id="divLink">
            </div>
        </div>

        <div id="iPad">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
            <div id="divLink">
            </div>
        </div>

        <div id="iPod">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
        </div>
    </div>

JavaScript

$("#tabs").tabs();
$(".nexttab").click(function() {
    $("#tabs").tabs("select", this.hash);
});
var hash = window.location.hash;
if (hash.indexOf('iPhone') != -1) { 
    alert(hash);
    var content = "Test content";
    $("#divLink").html(content);
}