在頁面加載時將div內容顯示爲默認值

Question

我跟隨此http://jsfiddle.net/6rSvf/以使鏈接在點擊時更改div內容。然而，有人可以協助我如何顯示一個div作爲默認值，然後當點擊一個鏈接時，內容會相應地被替換。目前沒有顯示，直到點擊一個鏈接。

這是我的JS。

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

感謝

Answer 1

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

OR

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

UPDATE

如果URL有#hash，它會打開一個，否則的話將打開的第一個。

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

Answer 2

你可以你#divtoggle元素中觸發第一錨點擊：

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

Answer 3

你總是可以觸發事件click明確顯示默認元素（fiddle） -

$('#divtoggle a').first().click(); 

或選擇任何元素with -

$('#divtoggle a:eq(n)').click(); //`n` as index(starts from `0) of elements 

Answer 4

要的是你如何與你用來顯示方法做/隱藏

Live Demo

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