隐藏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