Question

I followed this http://jsfiddle.net/6rSvf/ to make the links change div content when clicked. However can someone assist on how I can show a div as default and then when a link is clicked the content is replaced accordingly. Currently nothing is shown until a link is clicked.

Here is my JS.

$("#divtoggle").delegate("a", "click", function(e) {
    var toggled = ($(this).prop("id"));
    $("div#wrap").prop("class", toggled);
});

Thanks

Answer 1

$(document).ready(function() {
    $('#div1').show();
});

OR

$(document).ready(function() {
    $('#togglediv1').click();
});

UPDATE

If the URL has the #hash, it will open that one, otherwise if will open the first one.

$(document).ready(function() {
    if (window.location.hash && $(window.location.hash).length > 0) {
       $(window.location.hash).show();        
    } else {
        $('#div1').show();
    }
});

​
​