updates accordion to be more robust

Former-commit-id: ff76ae86f7 Former-commit-id: b214490828
12 years ago · 0ce942521f
21 changed files with 282 additions and 210 deletions
--- a/build/minified/elements/button.min.css
+++ b/build/minified/elements/button.min.css
--- a/build/minified/modules/accordion.js
+++ b/build/minified/modules/accordion.js
@ -76,7 +76,7 @@ $.fn.accordion = function(parameters) {
            var
              $activeTitle  = $(this),
              activeIndex   = $title.index($activeTitle),
-              contentIsOpen = $activeTitle.next($content).hasClass(className.active)
+              contentIsOpen = $activeTitle.hasClass(className.active)
            ;
            module.verbose('Accordion title clicked', $activeTitle);
            if(contentIsOpen) {
@ -102,45 +102,47 @@ $.fn.accordion = function(parameters) {
            $previousContent = $previousTitle.next($title),
            contentIsOpen    =  ($previousTitle.size() > 0)
          ;
-          module.debug('Opening accordion content', $activeTitle);
-          if(settings.exclusive && contentIsOpen) {
-            $previousTitle
-              .removeClass(className.active)
+          if( !$activeContent.is(':animated') ) {
+            module.debug('Opening accordion content', $activeTitle);
+            if(settings.exclusive && contentIsOpen) {
+              $previousTitle
+                .removeClass(className.active)
+              ;
+              $previousContent
+                .stop()
+                .children()
+                  .animate({
+                    opacity: 0
+                  }, settings.speed)
+                  .end()
+                .slideUp(settings.speed , settings.easing, function() {
+                  $previousContent
+                    .removeClass(className.active)
+                    .removeAttr('style')
+                    .children()
+                      .removeAttr('style')
+                  ;
+                })
+              ;
+            }
+            $activeTitle
+              .addClass(className.active)
            ;
-            $previousContent
+            $activeContent
              .stop()
              .children()
-                .animate({
-                  opacity: 0
-                }, settings.speed)
+                .removeAttr('style')
                .end()
-              .slideUp(settings.speed , settings.easing, function() {
-                $previousContent
-                  .removeClass(className.active)
+              .slideDown(settings.speed, settings.easing, function() {
+                $activeContent
+                  .addClass(className.active)
                  .removeAttr('style')
-                  .children()
-                    .removeAttr('style')
                ;
+                $.proxy(settings.onOpen, $activeContent)();
+                $.proxy(settings.onChange, $activeContent)();
              })
            ;
          }
-          $activeTitle
-            .addClass(className.active)
-          ;
-          $activeContent
-            .stop()
-            .children()
-              .removeAttr('style')
-              .end()
-            .slideDown(settings.speed, settings.easing, function() {
-              $activeContent
-                .addClass(className.active)
-                .removeAttr('style')
-              ;
-              $.proxy(settings.onOpen, $activeContent)();
-              $.proxy(settings.onChange, $activeContent)();
-            })
-          ;
        },

        close: function(index) {
@ -156,6 +158,11 @@ $.fn.accordion = function(parameters) {
            .removeClass(className.active)
            .show()
            .stop()
+            .children()
+              .animate({
+                opacity: 0
+              }, settings.speed)
+              .end()
            .slideUp(settings.speed, settings.easing, function(){
              $activeContent
                .removeAttr('style')
--- a/build/minified/modules/accordion.min.css
+++ b/build/minified/modules/accordion.min.css
@ -1 +1 @@
-.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title:hover,.ui.accordion .title.active{color:rgba(0,0,0,.8)}.ui.accordion .title.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .content.active{display:block}
+.ui.accordion{width:600px;max-width:100%;overflow:hidden;font-size:1rem;border-radius:.3125em;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.accordion .title{cursor:pointer;margin:0;padding:.75em 1em;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.ui.accordion .title:first-child{border-top:0}.ui.accordion .content{display:none;margin:0;padding:1.3em 1em}.ui.accordion .title:hover,.ui.accordion .title.active{color:rgba(0,0,0,.8)}.ui.accordion .title.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.ui.accordion .content.active{display:block}.ui.basic.accordion{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.accordion .title{background-color:transparent;border-top:0}
--- a/build/minified/modules/accordion.min.js
+++ b/build/minified/modules/accordion.min.js
@ -1 +1 @@
-(function(e,n,o,t){e.fn.accordion=function(n){var o,i=e(this),c=e.isPlainObject(n)?e.extend(!0,{},e.fn.accordion.settings,n):e.fn.accordion.settings,a=("."+c.namespace,"module-"+c.namespace,i.selector||""),s=(new Date).getTime(),r=[],l=arguments[0],d="string"==typeof l,u=[].slice.call(arguments,1);return i.each(function(){var n,i=e(this),m=i.find(c.selector.title),p=(i.find(c.selector.icon),i.find(c.selector.content)),g=(i.selector||"",this),f=i.data("module-"+c.namespace),v=c.className,b=(c.metadata,c.namespace),h=(c.animation,c.errors);n={initialize:function(){n.debug("Initializing accordion with bound events",i),m.on("click",n.event.click),i.data("module",n)},destroy:function(){n.debug("Destroying previous accordion for",i),i.off(b)},event:{click:function(){var o=e(this),t=m.index(o),i=o.next(p).hasClass(v.active);n.verbose("Accordion title clicked",o),i?c.collapsible?n.close(t):n.debug("Cannot close accordion content collapsing is disabled"):n.open(t)}},open:function(o){var t=m.eq(o),i=t.next(p),a=m.filter("."+v.active),s=a.next(m),r=a.size()>0;n.debug("Opening accordion content",t),c.exclusive&&r&&(a.removeClass(v.active),s.stop().children().animate({opacity:0},c.speed).end().slideUp(c.speed,c.easing,function(){s.removeClass(v.active).removeAttr("style").children().removeAttr("style")})),t.addClass(v.active),i.stop().children().removeAttr("style").end().slideDown(c.speed,c.easing,function(){i.addClass(v.active).removeAttr("style"),e.proxy(c.onOpen,i)(),e.proxy(c.onChange,i)()})},close:function(o){var t=m.eq(o),i=t.next(p);n.debug("Closing accordion content",t),t.removeClass(v.active),i.removeClass(v.active).show().stop().slideUp(c.speed,c.easing,function(){i.removeAttr("style"),e.proxy(c.onClose,i)(),e.proxy(c.onChange,i)()})},setting:function(o,i){return n.debug("Changing setting",o,i),i===t?c[o]:(e.isPlainObject(o)?e.extend(!0,c,o):c[o]=i,t)},internal:function(o,i){return n.debug("Changing internal",o,i),i===t?n[o]:(e.isPlainObject(o)?e.extend(!0,n,o):n[o]=i,t)},debug:function(){c.debug&&(c.performance?n.performance.log(arguments):n.debug=Function.prototype.bind.call(console.info,console,c.moduleName+":"))},verbose:function(){c.verbose&&c.debug&&(c.performance?n.performance.log(arguments):n.verbose=Function.prototype.bind.call(console.info,console,c.moduleName+":"))},error:function(){n.error=Function.prototype.bind.call(console.log,console,c.moduleName+":")},performance:{log:function(e){var o,t,i;c.performance&&(o=(new Date).getTime(),i=s||o,t=o-i,s=o,r.push({Element:g,Name:e[0],Arguments:e[1]||"","Execution Time":t})),clearTimeout(n.performance.timer),n.performance.timer=setTimeout(n.performance.display,100)},display:function(){var n=c.moduleName+":",o=0;s=!1,e.each(r,function(e,n){o+=n["Execution Time"]}),n+=" "+o+"ms",a&&(n+=" '"+a+"'"),(console.group!==t||console.table!==t)&&r.length>0&&(console.groupCollapsed(n),console.table?console.table(r):e.each(r,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),r=[]}},invoke:function(o,i,c){var a,s;return i=i||u,c=g||c,"string"==typeof o&&f!==t&&(o=o.split("."),a=o.length-1,e.each(o,function(o,i){return e.isPlainObject(f[i])&&o!=a?(f=f[i],!0):f[i]!==t?(s=f[i],!0):(n.error(h.method),!1)})),e.isFunction(s)?(f.verbose("Executing invoked function",s),s.apply(c,i)):s||!1}},d?(f===t&&n.initialize(),o=n.invoke(l)):(f!==t&&n.destroy(),n.initialize())}),o?o:this},e.fn.accordion.settings={moduleName:"Accordion",debug:!0,verbose:!0,performance:!1,exclusive:!0,collapsible:!0,onOpen:function(){},onClose:function(){},onChange:function(){},errors:{method:"The method you called is not defined"},className:{active:"active",hover:"hover"},selector:{title:".title",icon:".icon",content:".content"},speed:500,easing:"easeInOutQuint"}})(jQuery,window,document);
+(function(e,n,o,t){e.fn.accordion=function(n){var o,i=e(this),c=e.isPlainObject(n)?e.extend(!0,{},e.fn.accordion.settings,n):e.fn.accordion.settings,a=("."+c.namespace,"module-"+c.namespace,i.selector||""),s=(new Date).getTime(),r=[],l=arguments[0],d="string"==typeof l,u=[].slice.call(arguments,1);return i.each(function(){var n,i=e(this),m=i.find(c.selector.title),p=(i.find(c.selector.icon),i.find(c.selector.content)),g=(i.selector||"",this),f=i.data("module-"+c.namespace),v=c.className,b=(c.metadata,c.namespace),h=(c.animation,c.errors);n={initialize:function(){n.debug("Initializing accordion with bound events",i),m.on("click",n.event.click),i.data("module",n)},destroy:function(){n.debug("Destroying previous accordion for",i),i.off(b)},event:{click:function(){var o=e(this),t=m.index(o),i=o.hasClass(v.active);n.verbose("Accordion title clicked",o),i?c.collapsible?n.close(t):n.debug("Cannot close accordion content collapsing is disabled"):n.open(t)}},open:function(o){var t=m.eq(o),i=t.next(p),a=m.filter("."+v.active),s=a.next(m),r=a.size()>0;i.is(":animated")||(n.debug("Opening accordion content",t),c.exclusive&&r&&(a.removeClass(v.active),s.stop().children().animate({opacity:0},c.speed).end().slideUp(c.speed,c.easing,function(){s.removeClass(v.active).removeAttr("style").children().removeAttr("style")})),t.addClass(v.active),i.stop().children().removeAttr("style").end().slideDown(c.speed,c.easing,function(){i.addClass(v.active).removeAttr("style"),e.proxy(c.onOpen,i)(),e.proxy(c.onChange,i)()}))},close:function(o){var t=m.eq(o),i=t.next(p);n.debug("Closing accordion content",t),t.removeClass(v.active),i.removeClass(v.active).show().stop().children().animate({opacity:0},c.speed).end().slideUp(c.speed,c.easing,function(){i.removeAttr("style"),e.proxy(c.onClose,i)(),e.proxy(c.onChange,i)()})},setting:function(o,i){return n.debug("Changing setting",o,i),i===t?c[o]:(e.isPlainObject(o)?e.extend(!0,c,o):c[o]=i,t)},internal:function(o,i){return n.debug("Changing internal",o,i),i===t?n[o]:(e.isPlainObject(o)?e.extend(!0,n,o):n[o]=i,t)},debug:function(){c.debug&&(c.performance?n.performance.log(arguments):n.debug=Function.prototype.bind.call(console.info,console,c.moduleName+":"))},verbose:function(){c.verbose&&c.debug&&(c.performance?n.performance.log(arguments):n.verbose=Function.prototype.bind.call(console.info,console,c.moduleName+":"))},error:function(){n.error=Function.prototype.bind.call(console.log,console,c.moduleName+":")},performance:{log:function(e){var o,t,i;c.performance&&(o=(new Date).getTime(),i=s||o,t=o-i,s=o,r.push({Element:g,Name:e[0],Arguments:e[1]||"","Execution Time":t})),clearTimeout(n.performance.timer),n.performance.timer=setTimeout(n.performance.display,100)},display:function(){var n=c.moduleName+":",o=0;s=!1,e.each(r,function(e,n){o+=n["Execution Time"]}),n+=" "+o+"ms",a&&(n+=" '"+a+"'"),(console.group!==t||console.table!==t)&&r.length>0&&(console.groupCollapsed(n),console.table?console.table(r):e.each(r,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),r=[]}},invoke:function(o,i,c){var a,s;return i=i||u,c=g||c,"string"==typeof o&&f!==t&&(o=o.split("."),a=o.length-1,e.each(o,function(o,i){return e.isPlainObject(f[i])&&o!=a?(f=f[i],!0):f[i]!==t?(s=f[i],!0):(n.error(h.method),!1)})),e.isFunction(s)?(f.verbose("Executing invoked function",s),s.apply(c,i)):s||!1}},d?(f===t&&n.initialize(),o=n.invoke(l)):(f!==t&&n.destroy(),n.initialize())}),o?o:this},e.fn.accordion.settings={moduleName:"Accordion",debug:!0,verbose:!0,performance:!1,exclusive:!0,collapsible:!0,onOpen:function(){},onClose:function(){},onChange:function(){},errors:{method:"The method you called is not defined"},className:{active:"active",hover:"hover"},selector:{title:".title",icon:".icon",content:".content"},speed:500,easing:"easeInOutQuint"}})(jQuery,window,document);
--- a/build/minified/modules/behavior/api.min.js
+++ b/build/minified/modules/behavior/api.min.js
--- a/build/minified/modules/carousel.min.js
+++ b/build/minified/modules/carousel.min.js
@ -1 +1 @@
-(function(e,t,n,o){e.fn.carousel=function(t){var n,i=e(this),a=e.extend(!0,{},e.fn.carousel.settings,t),r=("."+a.namespace,"module-"+a.namespace,i.selector||""),s=(new Date).getTime(),c=[],l=arguments[0],u="string"==typeof l,d=[].slice.call(arguments,1);return i.each(function(){var t,f=e(this),m=(e(a.selector.arrows),e(a.selector.leftArrow)),g=e(a.selector.rightArrow),p=e(a.selector.content),v=(e(a.selector.navigation),e(a.selector.navItem)),h=(f.selector||"",this),b=f.data("module-"+a.namespace),x=a.className,y=a.namespace,w=a.errors;t={initialize:function(){t.openingAnimation(),t.marquee.autoAdvance(),m.on("click",t.marquee.left),g.on("click",t.marquee.right),v.on("click",t.marquee.change)},destroy:function(){t.verbose("Destroying previous module for",f),f.off(y)},left:function(){var e=p.filter("."+x.active),t=p.index(e),n=p.size(),o=-1!=t-1?t-1:n-1;v.eq(o).trigger("click")},right:function(){var e=p.filter("."+x.active),t=p.index(e),n=p.size(),o=t+1!=n?t+1:0;v.eq(o).trigger("click")},change:function(){var n=e(this),o=v.index(n),i=p.eq(o);t.marquee.autoAdvance(),n.addClass("active").siblings().removeClass("active"),i.addClass("active animated fadeIn").siblings("."+x.active).removeClass("animated fadeIn scaleIn").animate({opacity:0},500,function(){e(this).removeClass("active").removeAttr("style")})},autoAdvance:function(){clearInterval(t.timer),t.timer=setInterval(t.marquee.right,a.duration)},setting:function(n,i){return i===o?a[n]:(e.isPlainObject(n)?(t.verbose("Modifying settings object",n,i),e.extend(!0,a,n)):(t.verbose("Modifying setting",n,i),a[n]=i),o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?(t.verbose("Modifying internal property",n,i),e.extend(!0,t,n)):(t.verbose("Changing internal method to",i),t[n]=i),o)},debug:function(){a.debug&&(a.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},verbose:function(){a.verbose&&a.debug&&(a.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,a.moduleName+":")},performance:{log:function(e){var n,o,i;a.performance&&(n=(new Date).getTime(),i=s||n,o=n-i,s=n,c.push({Element:h,Name:e[0],Arguments:e[1]||"None","Execution Time":o}),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100))},display:function(){var t=a.moduleName,n=(a.moduleName+": "+r+"("+i.size()+" elements)",0);r&&(t+=" Performance ("+r+")"),(console.group!==o||console.table!==o)&&c.length>0&&(console.groupCollapsed(t),console.table?(e.each(c,function(e,t){n+=t["Execution Time"]}),console.table(c)):e.each(c,function(e,t){n+=t["Execution Time"],console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),c=[],s=!1)}},invoke:function(n,i,a){var r,s;return i=i||d,a=h||a,"string"==typeof n&&b!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,i){return e.isPlainObject(b[i])&&n!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(t.error(w.method),!1)})),e.isFunction(s)?(b.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},u?(b===o&&t.initialize(),n=t.invoke(l)):(b!==o&&t.destroy(),t.initialize())}),n?n:this},e.fn.carousel.settings={moduleName:"Carousel Module",namespace:"carousel",verbose:!0,debug:!0,performance:!0,duration:5e3,errors:{method:"The method you called is not defined."},selector:{arrows:".arrow",leftArrow:".left.arrow",rightArrow:".right.arrow",content:".content",navigation:".navigation",navItem:".navigation .icon"},className:{active:"active"}}})(jQuery,window,document);
+(function(e,t,n,o){e.fn.carousel=function(t){var n,i=e(this),a=e.extend(!0,{},e.fn.carousel.settings,t),r=("."+a.namespace,"module-"+a.namespace,i.selector||""),s=(new Date).getTime(),c=[],l=arguments[0],u="string"==typeof l,d=[].slice.call(arguments,1);return i.each(function(){var t,f=e(this),m=(e(a.selector.arrows),e(a.selector.leftArrow)),g=e(a.selector.rightArrow),p=e(a.selector.content),v=(e(a.selector.navigation),e(a.selector.navItem)),h=(f.selector||"",this),b=f.data("module-"+a.namespace),y=a.className,x=a.namespace,w=a.errors;t={initialize:function(){t.openingAnimation(),t.marquee.autoAdvance(),m.on("click",t.marquee.left),g.on("click",t.marquee.right),v.on("click",t.marquee.change)},destroy:function(){t.verbose("Destroying previous module for",f),f.off(x)},left:function(){var e=p.filter("."+y.active),t=p.index(e),n=p.size(),o=-1!=t-1?t-1:n-1;v.eq(o).trigger("click")},right:function(){var e=p.filter("."+y.active),t=p.index(e),n=p.size(),o=t+1!=n?t+1:0;v.eq(o).trigger("click")},change:function(){var n=e(this),o=v.index(n),i=p.eq(o);t.marquee.autoAdvance(),n.addClass("active").siblings().removeClass("active"),i.addClass("active animated fadeIn").siblings("."+y.active).removeClass("animated fadeIn scaleIn").animate({opacity:0},500,function(){e(this).removeClass("active").removeAttr("style")})},autoAdvance:function(){clearInterval(t.timer),t.timer=setInterval(t.marquee.right,a.duration)},setting:function(n,i){return i===o?a[n]:(e.isPlainObject(n)?(t.verbose("Modifying settings object",n,i),e.extend(!0,a,n)):(t.verbose("Modifying setting",n,i),a[n]=i),o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?(t.verbose("Modifying internal property",n,i),e.extend(!0,t,n)):(t.verbose("Changing internal method to",i),t[n]=i),o)},debug:function(){a.debug&&(a.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},verbose:function(){a.verbose&&a.debug&&(a.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,a.moduleName+":")},performance:{log:function(e){var n,o,i;a.performance&&(n=(new Date).getTime(),i=s||n,o=n-i,s=n,c.push({Element:h,Name:e[0],Arguments:e[1]||"None","Execution Time":o}),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100))},display:function(){var t=a.moduleName,n=(a.moduleName+": "+r+"("+i.size()+" elements)",0);r&&(t+=" Performance ("+r+")"),(console.group!==o||console.table!==o)&&c.length>0&&(console.groupCollapsed(t),console.table?(e.each(c,function(e,t){n+=t["Execution Time"]}),console.table(c)):e.each(c,function(e,t){n+=t["Execution Time"],console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),c=[],s=!1)}},invoke:function(n,i,a){var r,s;return i=i||d,a=h||a,"string"==typeof n&&b!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,i){return e.isPlainObject(b[i])&&n!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(t.error(w.method),!1)})),e.isFunction(s)?(b.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},u?(b===o&&t.initialize(),n=t.invoke(l)):(b!==o&&t.destroy(),t.initialize())}),n?n:this},e.fn.carousel.settings={moduleName:"Carousel Module",namespace:"carousel",verbose:!0,debug:!0,performance:!0,duration:5e3,errors:{method:"The method you called is not defined."},selector:{arrows:".arrow",leftArrow:".left.arrow",rightArrow:".right.arrow",content:".content",navigation:".navigation",navItem:".navigation .icon"},className:{active:"active"}}})(jQuery,window,document);
--- a/build/minified/modules/dimmer.min.css
+++ b/build/minified/modules/dimmer.min.css
@ -1 +1 @@
-.ui.dimmable{position:relative}.ui.dimmer{position:absolute;top:0!important;left:0!important;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmable.dimmed>:not(.dimmer){}.ui.dimmer .content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer .content>*{display:table-cell;vertical-align:middle}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmable.dimmed>:not(.dimmer){-webkit-filter:blur(5px) grayscale(0.7);-moz-filter:blur(5px) grayscale(0.7);filter:url(../vector/blur.svg#blur)}body.dimmable.dimmed{overflow:hidden}.ui.dimmable.dimmed>.ui.dimmer,.ui.dimmer.active{width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed}body.ui.dimmable.dimmed>:not(.dimmer){-webkit-filter:blur(15px) grayscale(0.7);-moz-filter:blur(15px) grayscale(0.7);filter:url(../vector/blur.svg#blur);-webkit-translate:rotateZ(0deg);-moz-translate:rotateZ(0deg);translate:rotateZ(0deg)}.ui.dimmer .top.aligned.content>*{vertical-align:top}.ui.dimmer .bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmable.dimmed>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85)}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmable.dimmed>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.dimmer.show{width:100%;height:100%;-webkit-animation:dimmer-show .5s;-moz-animation:dimmer-show .5s;animation:dimmer-show .5s}@-webkit-keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}@keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}.ui.dimmer.hide{-webkit-animation:dimmer-hide .5s;-moz-animation:dimmer-hide .5s;animation:dimmer-hide .5s}@-webkit-keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}@-moz-keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}@keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}
+.ui.dimmable{position:relative}.ui.dimmer{position:absolute;top:0!important;left:0!important;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1000}.ui.dimmable.dimmed>:not(.dimmer){}.ui.dimmer .content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer .content>*{display:table-cell;vertical-align:middle}.ui.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.horizontal.segment>.ui.dimmer,.ui.vertical.segment>.ui.dimmer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.dimmable.dimmed>:not(.dimmer){-webkit-filter:blur(5px) grayscale(0.7);-moz-filter:blur(5px) grayscale(0.7)}body.dimmable.dimmed{overflow:hidden}.ui.dimmable.dimmed>.ui.dimmer,.ui.dimmer.active{width:100%;height:100%;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed}body.ui.dimmable.dimmed>:not(.dimmer){-webkit-filter:blur(15px) grayscale(0.7);-moz-filter:blur(15px) grayscale(0.7)}.ui.dimmer .top.aligned.content>*{vertical-align:top}.ui.dimmer .bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;z-index:-100;background-color:rgba(0,0,0,0)}.ui.dimmable.dimmed>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85)}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.ui.dimmable.dimmed>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.dimmer.show{width:100%;height:100%;-webkit-animation:dimmer-show .5s;-moz-animation:dimmer-show .5s;animation:dimmer-show .5s}@-webkit-keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}@keyframes dimmer-show{0%{opacity:0}100%{opacity:1}}.ui.dimmer.hide{-webkit-animation:dimmer-hide .5s;-moz-animation:dimmer-hide .5s;animation:dimmer-hide .5s}@-webkit-keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}@-moz-keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}@keyframes dimmer-hide{0%{opacity:1}99%{width:100%;height:100%;opacity:0}100%{opacity:0;height:0;width:0}}
--- a/build/packaged/modules/accordion.js
+++ b/build/packaged/modules/accordion.js
@ -76,7 +76,7 @@ $.fn.accordion = function(parameters) {
            var
              $activeTitle  = $(this),
              activeIndex   = $title.index($activeTitle),
-              contentIsOpen = $activeTitle.next($content).hasClass(className.active)
+              contentIsOpen = $activeTitle.hasClass(className.active)
            ;
            module.verbose('Accordion title clicked', $activeTitle);
            if(contentIsOpen) {
@ -102,45 +102,47 @@ $.fn.accordion = function(parameters) {
            $previousContent = $previousTitle.next($title),
            contentIsOpen    =  ($previousTitle.size() > 0)
          ;
-          module.debug('Opening accordion content', $activeTitle);
-          if(settings.exclusive && contentIsOpen) {
-            $previousTitle
-              .removeClass(className.active)
+          if( !$activeContent.is(':animated') ) {
+            module.debug('Opening accordion content', $activeTitle);
+            if(settings.exclusive && contentIsOpen) {
+              $previousTitle
+                .removeClass(className.active)
+              ;
+              $previousContent
+                .stop()
+                .children()
+                  .animate({
+                    opacity: 0
+                  }, settings.speed)
+                  .end()
+                .slideUp(settings.speed , settings.easing, function() {
+                  $previousContent
+                    .removeClass(className.active)
+                    .removeAttr('style')
+                    .children()
+                      .removeAttr('style')
+                  ;
+                })
+              ;
+            }
+            $activeTitle
+              .addClass(className.active)
            ;
-            $previousContent
+            $activeContent
              .stop()
              .children()
-                .animate({
-                  opacity: 0
-                }, settings.speed)
+                .removeAttr('style')
                .end()
-              .slideUp(settings.speed , settings.easing, function() {
-                $previousContent
-                  .removeClass(className.active)
+              .slideDown(settings.speed, settings.easing, function() {
+                $activeContent
+                  .addClass(className.active)
                  .removeAttr('style')
-                  .children()
-                    .removeAttr('style')
                ;
+                $.proxy(settings.onOpen, $activeContent)();
+                $.proxy(settings.onChange, $activeContent)();
              })
            ;
          }
-          $activeTitle
-            .addClass(className.active)
-          ;
-          $activeContent
-            .stop()
-            .children()
-              .removeAttr('style')
-              .end()
-            .slideDown(settings.speed, settings.easing, function() {
-              $activeContent
-                .addClass(className.active)
-                .removeAttr('style')
-              ;
-              $.proxy(settings.onOpen, $activeContent)();
-              $.proxy(settings.onChange, $activeContent)();
-            })
-          ;
        },

        close: function(index) {
@ -156,6 +158,11 @@ $.fn.accordion = function(parameters) {
            .removeClass(className.active)
            .show()
            .stop()
+            .children()
+              .animate({
+                opacity: 0
+              }, settings.speed)
+              .end()
            .slideUp(settings.speed, settings.easing, function(){
              $activeContent
                .removeAttr('style')
--- a/build/packaged/semantic.min.css.REMOVED.git-id
+++ b/build/packaged/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-2b3af9c68a1ed732d3fd4d8ee8d7e757ce354745
+df47214aa6de866ad3187dd944677b5888821656
--- a/build/packaged/semantic.min.js.REMOVED.git-id
+++ b/build/packaged/semantic.min.js.REMOVED.git-id
@ -1 +1 @@
-4fb1de1737f860aa8f1d56d05051112f7012166c
+5d1fee64a033330c075a347a2d643b7e80563cc5
--- a/build/uncompressed/elements/button.css
+++ b/build/uncompressed/elements/button.css
@ -126,9 +126,9 @@
 .ui.button.error.hover,
 .ui.button.error.down {
  cursor: default;
-  position: relative;
-  background-color: #D95C5C;
-  color: transparent;
+  position: relative !important;
+  background-color: #D95C5C !important;
+  color: transparent !important;
  text-shadow: none;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
--- a/build/uncompressed/modules/accordion.css
+++ b/build/uncompressed/modules/accordion.css
@ -43,12 +43,6 @@
  display: none;
  margin: 0em;
  padding: 1.3em 1em;
-  /*
-  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-right: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-bottom: 0.2em solid rgba(0, 0, 0, 0.1);
-  */
-
 }
 /*******************************
            States
@ -73,3 +67,13 @@
 /*******************************
            Variations
 *******************************/
+.ui.basic.accordion {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.ui.basic.accordion .title {
+  background-color: transparent;
+  border-top: none;
+}
--- a/build/uncompressed/modules/accordion.js
+++ b/build/uncompressed/modules/accordion.js
@ -76,7 +76,7 @@ $.fn.accordion = function(parameters) {
            var
              $activeTitle  = $(this),
              activeIndex   = $title.index($activeTitle),
-              contentIsOpen = $activeTitle.next($content).hasClass(className.active)
+              contentIsOpen = $activeTitle.hasClass(className.active)
            ;
            module.verbose('Accordion title clicked', $activeTitle);
            if(contentIsOpen) {
@ -102,45 +102,47 @@ $.fn.accordion = function(parameters) {
            $previousContent = $previousTitle.next($title),
            contentIsOpen    =  ($previousTitle.size() > 0)
          ;
-          module.debug('Opening accordion content', $activeTitle);
-          if(settings.exclusive && contentIsOpen) {
-            $previousTitle
-              .removeClass(className.active)
+          if( !$activeContent.is(':animated') ) {
+            module.debug('Opening accordion content', $activeTitle);
+            if(settings.exclusive && contentIsOpen) {
+              $previousTitle
+                .removeClass(className.active)
+              ;
+              $previousContent
+                .stop()
+                .children()
+                  .animate({
+                    opacity: 0
+                  }, settings.speed)
+                  .end()
+                .slideUp(settings.speed , settings.easing, function() {
+                  $previousContent
+                    .removeClass(className.active)
+                    .removeAttr('style')
+                    .children()
+                      .removeAttr('style')
+                  ;
+                })
+              ;
+            }
+            $activeTitle
+              .addClass(className.active)
            ;
-            $previousContent
+            $activeContent
              .stop()
              .children()
-                .animate({
-                  opacity: 0
-                }, settings.speed)
+                .removeAttr('style')
                .end()
-              .slideUp(settings.speed , settings.easing, function() {
-                $previousContent
-                  .removeClass(className.active)
+              .slideDown(settings.speed, settings.easing, function() {
+                $activeContent
+                  .addClass(className.active)
                  .removeAttr('style')
-                  .children()
-                    .removeAttr('style')
                ;
+                $.proxy(settings.onOpen, $activeContent)();
+                $.proxy(settings.onChange, $activeContent)();
              })
            ;
          }
-          $activeTitle
-            .addClass(className.active)
-          ;
-          $activeContent
-            .stop()
-            .children()
-              .removeAttr('style')
-              .end()
-            .slideDown(settings.speed, settings.easing, function() {
-              $activeContent
-                .addClass(className.active)
-                .removeAttr('style')
-              ;
-              $.proxy(settings.onOpen, $activeContent)();
-              $.proxy(settings.onChange, $activeContent)();
-            })
-          ;
        },

        close: function(index) {
@ -156,6 +158,11 @@ $.fn.accordion = function(parameters) {
            .removeClass(className.active)
            .show()
            .stop()
+            .children()
+              .animate({
+                opacity: 0
+              }, settings.speed)
+              .end()
            .slideUp(settings.speed, settings.easing, function(){
              $activeContent
                .removeAttr('style')
--- a/build/uncompressed/modules/dimmer.css
+++ b/build/uncompressed/modules/dimmer.css
@ -93,9 +93,8 @@
            States
 *******************************/
 .ui.dimmable.dimmed > :not(.dimmer) {
-  -webkit-filter: blur(5px) grayscale(0.7);;
-  -moz-filter: blur(5px) grayscale(0.7);;
-  filter: url(../vector/blur.svg#blur);
+  -webkit-filter: blur(5px) grayscale(0.7);
+  -moz-filter: blur(5px) grayscale(0.7);
 }
 body.dimmable.dimmed {
  overflow: hidden;
@ -120,12 +119,8 @@ body.dimmable.dimmed {
  position: fixed;
 }
 body.ui.dimmable.dimmed > :not(.dimmer) {
-  -webkit-filter: blur(15px) grayscale(0.7);;
-  -moz-filter: blur(15px) grayscale(0.7);;
-  filter: url(../vector/blur.svg#blur);
-  -webkit-translate: rotateZ(0deg);
-  -moz-translate: rotateZ(0deg);
-  translate: rotateZ(0deg);
+  -webkit-filter: blur(15px) grayscale(0.7);
+  -moz-filter: blur(15px) grayscale(0.7);
 }
 /*--------------
    Aligned
--- a/node/src/documents/modules/accordion.html
+++ b/node/src/documents/modules/accordion.html
@ -6,7 +6,7 @@ title  : 'Accordion'
 type   : 'UI Module'
 ---
 <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/accordion.css">
-  
+
 <script src="/javascript/accordion.js"></script>
 <script src="/components/semantic/modules/accordion.js"></script>

@ -17,14 +17,15 @@ type   : 'UI Module'
  </div>
 </div>
 <div class="main container">
-  
+
  <div class="peek">
    <div class="ui vertical pointing secondary menu">
      <a class="active item">Standard</a>
+      <a class="item">Variations</a>
      <a class="item">Usage</a>
    </div>
  </div>
-  
+
  <h2 class="ui dividing header">Standard</h2>
  <div class="example">
    <h4 class="ui header">Accordion</h4>
@ -47,6 +48,36 @@ type   : 'UI Module'

  </div>

+  <h2 class="ui dividing header">Variations </h2>
+
+  <div class="example">
+    <h4 class="ui header">Accordion</h4>
+    <p>A standard accordion</p>
+    <div class="ui basic accordion">
+      <div class="active title">
+        What is a dog?
+        <i class="dropdown icon"></i>
+      </div>
+      <div class="active content">
+        <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
+      </div>
+      <div class="title">
+        What kinds of dogs are there?
+        <i class="dropdown icon"></i>
+      </div>
+      <div class="content">
+        <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
+      </div>
+      <div class="title">
+        How do you acquire a dog?
+        <i class="dropdown icon"></i>
+      </div>
+      <div class="content">
+        <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
+        <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
+      </div>
+    </div>
+
  <h2 class="ui dividing header">Usage</h2>

  <h3 class="ui header">Initializing an accordion</h3>
@ -55,7 +86,8 @@ type   : 'UI Module'
      .accordion()
    ;
  </div>
-  
+
+
  <h3 class="ui header">Settings</h3>
  <table class="ui red table segment">
    <thead>
@ -74,7 +106,7 @@ type   : 'UI Module'
      </tr>
    </tbody>
  </table>
-  
+
  <table class="ui teal table segment">
    <thead>
      <th colspan="3">Callbacks</th>
@ -97,7 +129,7 @@ type   : 'UI Module'
      </tr>
    </tbody>
  </table>
-  
+
  <table class="ui blue table segment">
    <thead>
      <th colspan="3">UI Module Settings</th>
--- a/node/src/files/components/semantic/elements/button.css
+++ b/node/src/files/components/semantic/elements/button.css
@ -126,9 +126,9 @@
 .ui.button.error.hover,
 .ui.button.error.down {
  cursor: default;
-  position: relative;
-  background-color: #D95C5C;
-  color: transparent;
+  position: relative !important;
+  background-color: #D95C5C !important;
+  color: transparent !important;
  text-shadow: none;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
--- a/node/src/files/components/semantic/modules/accordion.css
+++ b/node/src/files/components/semantic/modules/accordion.css
@ -43,12 +43,6 @@
  display: none;
  margin: 0em;
  padding: 1.3em 1em;
-  /*
-  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-right: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-bottom: 0.2em solid rgba(0, 0, 0, 0.1);
-  */
-
 }
 /*******************************
            States
@ -73,3 +67,13 @@
 /*******************************
            Variations
 *******************************/
+.ui.basic.accordion {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.ui.basic.accordion .title {
+  background-color: transparent;
+  border-top: none;
+}
--- a/node/src/files/components/semantic/modules/accordion.js
+++ b/node/src/files/components/semantic/modules/accordion.js
@ -76,7 +76,7 @@ $.fn.accordion = function(parameters) {
            var
              $activeTitle  = $(this),
              activeIndex   = $title.index($activeTitle),
-              contentIsOpen = $activeTitle.next($content).hasClass(className.active)
+              contentIsOpen = $activeTitle.hasClass(className.active)
            ;
            module.verbose('Accordion title clicked', $activeTitle);
            if(contentIsOpen) {
@ -102,45 +102,47 @@ $.fn.accordion = function(parameters) {
            $previousContent = $previousTitle.next($title),
            contentIsOpen    =  ($previousTitle.size() > 0)
          ;
-          module.debug('Opening accordion content', $activeTitle);
-          if(settings.exclusive && contentIsOpen) {
-            $previousTitle
-              .removeClass(className.active)
+          if( !$activeContent.is(':animated') ) {
+            module.debug('Opening accordion content', $activeTitle);
+            if(settings.exclusive && contentIsOpen) {
+              $previousTitle
+                .removeClass(className.active)
+              ;
+              $previousContent
+                .stop()
+                .children()
+                  .animate({
+                    opacity: 0
+                  }, settings.speed)
+                  .end()
+                .slideUp(settings.speed , settings.easing, function() {
+                  $previousContent
+                    .removeClass(className.active)
+                    .removeAttr('style')
+                    .children()
+                      .removeAttr('style')
+                  ;
+                })
+              ;
+            }
+            $activeTitle
+              .addClass(className.active)
            ;
-            $previousContent
+            $activeContent
              .stop()
              .children()
-                .animate({
-                  opacity: 0
-                }, settings.speed)
+                .removeAttr('style')
                .end()
-              .slideUp(settings.speed , settings.easing, function() {
-                $previousContent
-                  .removeClass(className.active)
+              .slideDown(settings.speed, settings.easing, function() {
+                $activeContent
+                  .addClass(className.active)
                  .removeAttr('style')
-                  .children()
-                    .removeAttr('style')
                ;
+                $.proxy(settings.onOpen, $activeContent)();
+                $.proxy(settings.onChange, $activeContent)();
              })
            ;
          }
-          $activeTitle
-            .addClass(className.active)
-          ;
-          $activeContent
-            .stop()
-            .children()
-              .removeAttr('style')
-              .end()
-            .slideDown(settings.speed, settings.easing, function() {
-              $activeContent
-                .addClass(className.active)
-                .removeAttr('style')
-              ;
-              $.proxy(settings.onOpen, $activeContent)();
-              $.proxy(settings.onChange, $activeContent)();
-            })
-          ;
        },

        close: function(index) {
@ -156,6 +158,11 @@ $.fn.accordion = function(parameters) {
            .removeClass(className.active)
            .show()
            .stop()
+            .children()
+              .animate({
+                opacity: 0
+              }, settings.speed)
+              .end()
            .slideUp(settings.speed, settings.easing, function(){
              $activeContent
                .removeAttr('style')
--- a/node/src/files/components/semantic/modules/dimmer.css
+++ b/node/src/files/components/semantic/modules/dimmer.css
@ -93,9 +93,8 @@
            States
 *******************************/
 .ui.dimmable.dimmed > :not(.dimmer) {
-  -webkit-filter: blur(5px) grayscale(0.7);;
-  -moz-filter: blur(5px) grayscale(0.7);;
-  filter: url(../vector/blur.svg#blur);
+  -webkit-filter: blur(5px) grayscale(0.7);
+  -moz-filter: blur(5px) grayscale(0.7);
 }
 body.dimmable.dimmed {
  overflow: hidden;
@ -120,12 +119,8 @@ body.dimmable.dimmed {
  position: fixed;
 }
 body.ui.dimmable.dimmed > :not(.dimmer) {
-  -webkit-filter: blur(15px) grayscale(0.7);;
-  -moz-filter: blur(15px) grayscale(0.7);;
-  filter: url(../vector/blur.svg#blur);
-  -webkit-translate: rotateZ(0deg);
-  -moz-translate: rotateZ(0deg);
-  translate: rotateZ(0deg);
+  -webkit-filter: blur(15px) grayscale(0.7);
+  -moz-filter: blur(15px) grayscale(0.7);
 }
 /*--------------
    Aligned
--- a/src/modules/accordion.js
+++ b/src/modules/accordion.js
@ -76,7 +76,7 @@ $.fn.accordion = function(parameters) {
            var
              $activeTitle  = $(this),
              activeIndex   = $title.index($activeTitle),
-              contentIsOpen = $activeTitle.next($content).hasClass(className.active)
+              contentIsOpen = $activeTitle.hasClass(className.active)
            ;
            module.verbose('Accordion title clicked', $activeTitle);
            if(contentIsOpen) {
@ -102,45 +102,47 @@ $.fn.accordion = function(parameters) {
            $previousContent = $previousTitle.next($title),
            contentIsOpen    =  ($previousTitle.size() > 0)
          ;
-          module.debug('Opening accordion content', $activeTitle);
-          if(settings.exclusive && contentIsOpen) {
-            $previousTitle
-              .removeClass(className.active)
+          if( !$activeContent.is(':animated') ) {
+            module.debug('Opening accordion content', $activeTitle);
+            if(settings.exclusive && contentIsOpen) {
+              $previousTitle
+                .removeClass(className.active)
+              ;
+              $previousContent
+                .stop()
+                .children()
+                  .animate({
+                    opacity: 0
+                  }, settings.speed)
+                  .end()
+                .slideUp(settings.speed , settings.easing, function() {
+                  $previousContent
+                    .removeClass(className.active)
+                    .removeAttr('style')
+                    .children()
+                      .removeAttr('style')
+                  ;
+                })
+              ;
+            }
+            $activeTitle
+              .addClass(className.active)
            ;
-            $previousContent
+            $activeContent
              .stop()
              .children()
-                .animate({
-                  opacity: 0
-                }, settings.speed)
+                .removeAttr('style')
                .end()
-              .slideUp(settings.speed , settings.easing, function() {
-                $previousContent
-                  .removeClass(className.active)
+              .slideDown(settings.speed, settings.easing, function() {
+                $activeContent
+                  .addClass(className.active)
                  .removeAttr('style')
-                  .children()
-                    .removeAttr('style')
                ;
+                $.proxy(settings.onOpen, $activeContent)();
+                $.proxy(settings.onChange, $activeContent)();
              })
            ;
          }
-          $activeTitle
-            .addClass(className.active)
-          ;
-          $activeContent
-            .stop()
-            .children()
-              .removeAttr('style')
-              .end()
-            .slideDown(settings.speed, settings.easing, function() {
-              $activeContent
-                .addClass(className.active)
-                .removeAttr('style')
-              ;
-              $.proxy(settings.onOpen, $activeContent)();
-              $.proxy(settings.onChange, $activeContent)();
-            })
-          ;
        },

        close: function(index) {
@ -156,6 +158,11 @@ $.fn.accordion = function(parameters) {
            .removeClass(className.active)
            .show()
            .stop()
+            .children()
+              .animate({
+                opacity: 0
+              }, settings.speed)
+              .end()
            .slideUp(settings.speed, settings.easing, function(){
              $activeContent
                .removeAttr('style')
--- a/src/modules/accordion.less
+++ b/src/modules/accordion.less
@ -66,11 +66,6 @@
  display: none;
  margin: 0em;
  padding: 1.3em 1em;
-  /*
-  border-left: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-right: 0.2em solid rgba(0, 0, 0, 0.1);
-  border-bottom: 0.2em solid rgba(0, 0, 0, 0.1);
-  */
 }


@ -104,3 +99,15 @@
 /*******************************
            Variations
 *******************************/
+
+.ui.basic.accordion {
+  background-color: transparent;
+  
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.ui.basic.accordion .title {
+  background-color: transparent;
+  border-top: none;
+}