JavaScript使div在单击后可见

我目前有一个按钮，我想打开一个隐藏的div框，然后会显示一个列表，以打开第二个div框。代码似乎不适用于JavaScript

下面是JavaScript：

$('#content1 div').each(function(i){
$(this).addClass('level1');
});
$('#content2 div').each(function(i){
    $(this).addClass('level2');
});

$('#menu2 a').click(function (e) {
    $('#content1 div.makeVisible').removeClass('makeVisible');
    $(divToMakeVisible).addClass('makeVisible');
    e.preventDefault();
});
$('div.level1 a').click(function (e) {
    $('#content1 div.level1').removeClass('makeVisible');
    divToMakeVisible = $(this).attr('href');
    console.log(divToMakeVisible);
    $(divToMakeVisible).addClass('makeVisible');
    e.preventDefault();
});
$('div.level2 a').click(function (e) {
    $('#content2 div.level2').removeClass('makeVisible');
    divToMakeVisible = $(this).attr('href');
    $(divToMakeVisible).addClass('makeVisible');
    e.preventDefault();
});

---

jsiddle上的完整代码可以在这里找到：

主要问题是您正在使用jQuery，并且没有在jsiddle中标记以使用它。在左上角选择jQuery1.9来使用它。即使启用了jQuery1.9.1，页面似乎仍然不起作用。还有其他建议吗？