在页面加载时将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); 
});​