Add toggleAll and openAll

Author: tikotzky

dist/bellows.js

@@ -208,6 +208,22 @@
                 });
         },
 
+        toggleAll: function() {
+            var plugin = this;
+
+            this.$bellows.find('.' + cssClasses.ITEM).each(function() {
+                plugin.toggle($(this));
+            });
+        },
+
+        openAll: function() {
+            var plugin = this;
+            
+            this.$bellows.find('.' + cssClasses.ITEM + ':not(.' + cssClasses.OPENED + ')').each(function() {
+                plugin.open($(this));
+            });
+        },
+
         closeAll: function() {
             var plugin = this;
 

dist/bellows.min.js

@@ -4,7 +4,7 @@
     "type" : "git",
     "url" : "https://github.com/mobify/bellows.git"
   },
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "A mobile first accordion UI plugin",
   "devDependencies": {
     "grunt": "~0.4.x",

package.json

@@ -208,6 +208,22 @@
                 });
         },
 
+        toggleAll: function() {
+            var plugin = this;
+
+            this.$bellows.find('.' + cssClasses.ITEM).each(function() {
+                plugin.toggle($(this));
+            });
+        },
+
+        openAll: function() {
+            var plugin = this;
+            
+            this.$bellows.find('.' + cssClasses.ITEM + ':not(.' + cssClasses.OPENED + ')').each(function() {
+                plugin.open($(this));
+            });
+        },
+
         closeAll: function() {
             var plugin = this;
 

src/js/bellows.js

@@ -88,6 +88,97 @@ define([
                 $element.bellows('open', 0);
             });
 
+            it('opens all bellows items using the openAll method', function(done) {
+
+                var openCount = 0;
+
+                $element.bellows({
+                    opened: function(e, ui) {
+                        assert.isTrue(ui.item.hasClass('bellows--is-open'));
+                        openCount++;
+                        if (openCount === 2) done();
+                    }
+                });
+
+                $element.bellows('openAll');
+            });
+
+            it('closes all bellows items using the closeAll method', function(done) {
+
+                var openCount = 0;
+                var closeCount = 0;
+
+                $element.bellows({
+                    opened: function(e, ui) {
+                        openCount++;
+                        if (openCount === 2) $element.bellows('closeAll');
+                    },
+                    closed: function(e, ui) {
+                        assert.isFalse(ui.item.hasClass('bellows--is-open'));
+                        closeCount++;
+                        if (closeCount === 2) done();
+                    }
+                });
+
+                $element.bellows('openAll');
+            });
+
+            it('opens all bellows items when not all are open', function(done) {
+
+                var openedSingle = false;
+
+                $element.bellows({
+                    opened: function(e, ui) {
+                        if (!openedSingle) {
+                            openedSingle = true;
+                            $element.bellows('openAll');
+                            return;
+                        }
+                        assert.equal($element.find('.bellows--is-open').length, 2);
+                        done();
+                    }
+                });
+
+                $element.bellows('open', 0);
+            });
+
+            it('closes all bellows items when not all are closed', function(done) {
+
+                $element.bellows({
+                    opened: function(e, ui) {
+                        $element.bellows('closeAll');
+                    },
+                    closed: function(e, ui) {
+                        assert.equal($element.find('.bellows__item:not(.bellows--is-open)').length, 2);
+                        done();
+                    }
+                });
+
+                $element.bellows('open', 0);
+            });
+
+            it('toggles all bellows items', function(done) {
+
+                var openCount = 0;
+                var closeCount = 0;
+
+                $element.bellows({
+                    opened: function(e, ui) {
+                        openCount++;
+                        if (openCount === 2) $element.bellows('toggleAll');
+                    },
+                    closed: function(e, ui) {
+                        closeCount++;
+                        if (closeCount === 2) {
+                            assert.equal($element.find('.bellows__item:not(.bellows--is-open)').length, 2);
+                            done();
+                        }
+                    }
+                });
+
+                $element.bellows('toggleAll');
+            });
+
             it('removes aria-hidden attribute when open', function(done) {
                 $element.bellows({
                     opened: function(e, ui) {