jQuery切换功能只工作一次

Question

我是jQuery的新手，似乎被困在我的代码的一部分上，我似乎无法弄清楚。

我正在使用链接，因此一旦点击将切换div可见及其子元素，然后再次单击将切换div及其子元素不可见。

现在主要的父div似乎工作正常。当我按下链接时，div开始隐藏，然后变得可见，然后隐藏，然后可见等等。但是内部的子元素只会变为可见一次，然后一旦被隐藏，在重新加载页面之前不会再次显示。

以下是我的代码，非常感谢任何帮助。

$( toggle );

    function toggle() {

        $('#blog-nav').click(function() {
            $('#blog-bg').toggle();
            $('#blog-content').toggle();    
        });

    }

这是我的HTML代码：

        <div id="blog-bg">
            <div id="blog-content">
                This div doesnt seem to be working
            </div>
        </div>

这是我的相关css，它只是将其初始状态设置为隐藏：

#blog-bg {
    display:none;
}

#blog-content {
    display:none;
}

此外，我知道可以使用.children()函数，但无法使其正常工作，因此找到了解决方法。

如果这有任何帮助，这里是我试图让它工作的页面的链接jordanpaulmilligan.com