JSFiddle - React, Tailwind, and code Playground

by Stev Peifer

HTML

<div class="guide">
    <h1>
        Skill Guides
    </h1>
    <p>
        There are many skills in RuneScape. Each skill allows you to do and make different things. Click on one of the below links to view one of our detailed and informative Skill Guides.
    </p>
    <div id="skillContainer">
        <div id="skillContainerInner">
        </div>
    </div>
</div>

CSS

#skillContainer{
    /*border:1px solid red;*/
    line-height:0;
    margin:auto;
    text-align:center;
    width:687px;
}
#skillContainerInner{
    margin:auto;
    text-align:left;
}

JavaScript

$(document).ready(
    function(){
        var memory=new Object(),
        skillList=new Array(
            {
                member:true,
                name:'Agility'
            },
            {
                member:true,
                name:'Construction',
                related:[
                    {
                        link:'construction_table.php',
                        name:'Construction Table'
                    },
                    {
                        link:'costume_room_guide.htm',
                        name:'Costume Room'
                    }
                ]
            },
            {
                member:false,
                name:'Cooking',
                related:[
                    {
                        link:'cooking_guide_levels.htm',
                        name:'Cooking Levels Table'
                    },
                    {
                        link:'gnome_cuisine.htm',
                        name:'Gnome Cuisine'
                    }
                ]
            },
            {
                member:false,
                name:'Crafting'
            },
            {
                member:true,
                name:'Divination'
            },
            {
                member:false,
                name:'Dungeoneering',
                related:[
                    {
                        link:'dungeoneering_advanced.htm',
                        name:'Advanced Dungoneering'
                    },
                    {
                        link:'dungeoneering_skills.htm',
                        name:'Dungeoneering Skills'
                    },
                    {
                        link:'dungeoneering_exhibition.htm',
                        name:'Dungeoneering Tour'
                    },
                    {
                        link:'dungeoneering_fremennik_sagas.htm',
                        name:'Fremennik Sagas'
                    },
                    {
             ...