Сворачиваемый список в html с jquery

Я пытаюсь сделать складной селектор даты для нашего блога. Я просмотрел множество примеров JavaScript/jquery/css, но не могу заставить ни один из них хорошо работать с трехуровневым списком. Это макет, который я пытаюсь выполнить:

>2012
  >July
    >title of muh new blag!

а вот теги:

  
Section A
    

      
Link A-A
        

          
Link A-A-A
      
Link A-A-B
     
       
       
Link A-B
       
Link A-C
       
Link A-D
    
  
  
 
  
Section B
    

      
Link B-A
        

      
Link B-A-A
      
Link B-A-B
      
Link B-A-C
        
      
      
Link B-B
        

      
Link B-B-A
      
Link B-B-B
        
      
      
Link B-C
      
Link B-D
    
  
  
 
  
Section C
    

      
Link C-A
      
Link C-B
      
Link C-C
      
Link C-D
    
  
  
 

Я пытаюсь сделать что-то столь же простое, как архив блога blogspot.(Проверьте это здесь, на странице этого парня)

Тот, который я нашел и который мне больше всего понравился, это вот этот . И после удаления МНОГО лишнего кода я получаю это:

$('.example_menu li >.expanded').show('normal');

$('.example_menu li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('ul').toggle('normal');

});

Эти списки расширяются и сжимаются и отлично подходят для простого двухуровневого списка, такого как:

>Year
    >Month

Однако в случае 3-уровневого списка он либо сворачивается при расширении 2 более глубоких уровней, либо расширяет оба уровня. Я пытаюсь сделать ближайший нижний список свернутым/развернутым и оставить самый нижний список свернутым до тех пор, пока он не будет активирован напрямую.

Существуют ли более простые сворачиваемые списки jquery?

Или есть хороший способ получить непосредственный внутренний элемент ul и переключить его, превратив все остальные внутренние элементы ul в свернутые?