2012-09-12 79 views
0

我已經使用jQuery切換了我的博客文章。目前,我可以點擊帖子標題並同時打開它們,但我希望在點擊另一個帖子標題時關閉所有帖子。我需要添加到我的jQuery代碼來執行此操作?我一直堅持這個很長時間,所以如果有人能幫我解決這個問題,我會非常感激。切換博客文章的問題:當點擊另一篇文章標題時,如何關閉我所有打開的博客文章?

這裏是我的代碼:

<script type="text/javascript"> 
$(document).ready(function() { 
$('.toggle-section').hide(); 
}); 
</script> 

<script type="text/javascript"> 
$(function() { 
$('.entry-title').click(function() { 
$(this).closest('.post').find('.toggle-section').slideToggle();     
return false; 
}); 
}); 
</script> 

回答

2

我工作了的jsfiddle here!,不知道這是你想要的,但我敢打賭,這將有助於。

$(document).ready(function() { 
     $('.toggle-section').hide(); 

     $('.entry-title').click(function() { 
      $('.toggle-section:visible').slideToggle(); 
      $(this).closest('.post').find('.toggle-section:hidden').slideToggle(); 

     }); 

    }); 

我更新的代碼和小提琴,支持隱藏,如果點擊標題相同

+0

哇,精彩紛呈。有效!謝謝!雖然只有一個小問題...當我再次點擊一個打開的條目標題時,它保持打開狀態。我如何關閉它? – user1636968

+0

耶!它的工作。非常感謝! – user1636968