JSON UL LI build fn

JSON UL LI build fn

CSS

.ttl
{
background:lightblue;
    font-size:18px;
}

ul {list-style:none}

JavaScript

var skiregions = {
    "Europe": {
        "Andorra": {
            "resort": "Soldeu and El Tarter",
            "resort1": "Pas de la Casa",
        },
        "Austria": {
                 "resort": "Alpbach",
            "resort1": "Bad Gastein",
        
        }
    },
    "North America": {
        "USA": {
            "resort": "Alta",
            "resort1": "Aspen",
        },
        "Canada": {
            "resort": "Banff",
            "resort1": "Big White",
        }
    }
};

function makeMenu(myregions) {
    var html = "<ul class='regionlist'>";
    $.each(myregions,function(key,val){
        html += "\n<li>";
        if (typeof val === "object")
           html +=  key +"\n" + makeMenu(val);
        else
           html += val;
        html += "\n</li>";
    });
    html += "\n</ul>";
    return html;
};

var menu = makeMenu(skiregions);
$(menu).appendTo("body");
$('.regionlist ul li ul').addClass("ttl")
//alert(menu)