应用jQuery打造手风琴式的折叠效果

1. var?accordion?=?{??
2. ?????init:?function(){??
3. ???????????var?$container?=?$('#accordion');??
4. ???????????$container.find('li:not(:first)?.details').hide();??
5. ???????????$container.find('li:first').addClass('active');??
6. ???????????$container.on('click','li?a',function(e){??
7. ??????????????????e.preventDefault();??
8. ??????????????????var?$this?=?$(this).parents('li');??
9. ??????????????????if($this.hasClass('active')){??
10. ?????????????????????????if($('.details').is(':visible'))?{??
11. ????????????????????????????????$this.find('.details').slideUp();??
12. ?????????????????????????}?else?{??
13. ????????????????????????????????$this.find('.details').slideDown();??
14. ?????????????????????????}??
15. ??????????????????}?else?{??
16. ?????????????????????????$container.find('li.active?.details').slideUp();??
17. ?????????????????????????$container.find('li').removeClass('active');??
18. ?????????????????????????$this.addClass('active');??
19. ?????????????????????????$this.find('.details').slideDown();??
20. ??????????????????}??
21. ???????????});??
22. ?????}??
23. };??

转自：http://www.iteye.com/news/28047