使用jQuery打造手风琴式的折叠效果
- var accordion = {
- init: function(){
- var $container = $('#accordion');
- $container.find('li:not(:first) .details').hide();
- $container.find('li:first').addClass('active');
- $container.on('click','li a',function(e){
- e.preventDefault();
- var $this = $(this).parents('li');
- if($this.hasClass('active')){
- if($('.details').is(':visible')) {
- $this.find('.details').slideUp();
- } else {
- $this.find('.details').slideDown();
- }
- } else {
- $container.find('li.active .details').slideUp();
- $container.find('li').removeClass('active');
- $this.addClass('active');
- $this.find('.details').slideDown();
- }
- });
- }
- };