隱藏Div直到鏈接被選中

Question

我有一個隱藏/顯示導航工作，但似乎無法弄清楚如何隱藏包含所有子div的主div，直到導航中的一個鏈接被選中。

請參閱我的小提琴：http://jsfiddle.net/blahblahAMYblah/KptZ6/

要清楚，我不只是要所有孩子的div隱藏在開始，但主要的div隱藏的（即約，圖片庫等）。一旦選擇了一個鏈接，那麼主div應該只顯示所選的子div。

Answer 1

我已經更新了你的小提琴;

http://jsfiddle.net/KptZ6/2/

如果你不想改變HTML，下面將使用JavaScript隱藏主股利。它也隱藏了孩子一樣的方式（使用.hide()）

http://jsfiddle.net/KptZ6/5/

$(function() { 
    $('#main').hide(); 
}); 

$('body').on('click','nav a', function(e) { 
    $('#main').show(); 
    $('#main').children().hide(); 
    $($(this).attr('href')).show(); 
    e.preventDefault(); 
});​ 

Answer 2

不知道，如果你想這樣的事情， 這裏是一個更新：

http://jsfiddle.net/KptZ6/3/

Answer 3

只是隱藏該div最初會在單擊某個項目時顯示它

$('body').on('click','nav a', function(e) { 
    $('#main').css('display', 'block'); 
    $('#main').children().addClass('hide'); 
    $($(this).attr('href')).removeClass('hide'); 
    e.preventDefault(); 
}); 

#main{ 
    display:none; 
} 

DEMO