頁面加載時默認顯示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();
});

要么

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

更新

如果URL具有#hash ，它將打開該#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事件以顯示默認元素（ 小提琴 ）-

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

或使用 -選擇任何元素

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

Answer 4

To是您如何使用以前顯示/隱藏的方法

現場演示

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