如何手動應用手風琴效果

Question

我已經制作了一些框，通過點擊框的標題可以展開和隱藏。我剛剛使用slideToggle（）來製作它。我需要另一個效果。這裏是我的小提琴：http://jsfiddle.net/qheJQ/

關於這一點，我有三個框：慢速任務，不同類型的任務和快速任務當有人點擊慢速任務，盒子將擴大。如果用戶再次單擊慢速任務，該框將被隱藏。如果用戶不再點擊隱藏緩慢任務框並點擊不同類型的任務，這兩個框將保持展開狀態。所以，我想，當用戶點擊不同類型的任務時，此框將被展開，其他框將被隱藏，如果它們被擴展，就像this accordion一樣。

我怎樣才能得到這個沒有使用任何手風琴插件？

我的腳本：

$('.title').click(function() { 
    $(this).children('.arrow').toggleClass('arrow_up'); 
    $(this).next('.box_expand').slideToggle(); 
}); 

Answer 1

這裏有一些MODS的代碼應該工作 -

$('.title').click(function() { 
    $('.title').not($(this)).find('.arrow').removeClass('arrow_up'); 
    $('.title').not($(this)).next('.box_expand').slideUp(); 
    $(this).next('.box_expand').slideToggle(); 
    $(this).find('.arrow').toggleClass('arrow_up'); 
}); 

在這個小提琴測試 - http://jsfiddle.net/jayblanchard/qheJQ/1/