add a theme based on the new Zurb Foundation 5 framework

1 files changed, 37 insertions, 0 deletions

diff --git a/zurb-F5-basic/static/js/foundation/foundation.tab.js b/zurb-F5-basic/static/js/foundation/foundation.tab.js
new file mode 100644
index 0000000..f3dff80
--- /dev/null
+++ b/zurb-F5-basic/static/js/foundation/foundation.tab.js
@@ -0,0 +1,37 @@
+/*jslint unparam: true, browser: true, indent: 2 */
+;(function ($, window, document, undefined) {
+  'use strict';
+
+  Foundation.libs.tab = {
+    name : 'tab',
+
+    version : '5.0.1',
+
+    settings : {
+      active_class: 'active'
+    },
+
+    init : function (scope, method, options) {
+      this.bindings(method, options);
+    },
+
+    events : function () {
+      $(this.scope).off('.tab').on('click.fndtn.tab', '[data-tab] > dd > a', function (e) {
+        e.preventDefault();
+
+        var tab = $(this).parent(),
+            target = $('#' + this.href.split('#')[1]),
+            siblings = tab.siblings(),
+            settings = tab.closest('[data-tab]').data('tab-init');
+
+        tab.addClass(settings.active_class);
+        siblings.removeClass(settings.active_class);
+        target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class);
+      });
+    },
+
+    off : function () {},
+
+    reflow : function () {}
+  };
+}(jQuery, this, this.document));