jQuery的切換功能只工作一次

Question

我是相當新的jQuery和似乎停留在我的代碼1份，我只是不能似乎弄清楚。

進出口使用的鏈接，這樣，一旦點擊就會觸發一個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

Answer 1

除非你使用一些智能Ajaxing的事情，你應該使用嵌套式div像這樣的鏈接，這是沒有語義，它可以解決任何視覺上的優勢，而無需使用第二個div。

其他然後是，只有切換父元素，而不是孩子。