/*jslint unparam: true, browser: true, indent: 2 */

;(function ($, window, document, undefined) {
  'use strict';

  Foundation.libs.dropdown = {
    name : 'dropdown',

    version : '4.1.0',

    settings : {
      activeClass: 'open'
    },

    init : function (scope, method, options) {
      this.scope = scope || this.scope;
      Foundation.inherit(this, 'throttle scrollLeft');

      if (typeof method === 'object') {
        $.extend(true, this.settings, method);
      }

      if (typeof method != 'string') {

        if (!this.settings.init) {
          this.events();
        }

        return this.settings.init;
      } else {
        return this[method].call(this, options);
      }
    },

    events : function () {
      var self = this;

      $(this.scope).on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
        e.preventDefault();
        self.toggle($(this));
      });

      $('body').on('click.fndtn.dropdown', function (e) {
        var parent = $(e.target).closest('[data-dropdown-content]');

        if ($(e.target).data('dropdown')) {
          return;
        }
        if (parent.length > 0 && ($(e.target).is('[data-dropdown-content]') || $.contains(parent.first()[0], e.target))) {
          e.stopPropagation();
          return;
        }

        $('[data-dropdown-content]')
          .css(Foundation.rtl ? 'right':'left', '-99999px')
          .removeClass(self.settings.activeClass);
      });

      $(window).on('resize.fndtn.dropdown', self.throttle(function () {
        self.resize.call(self);
      }, 50)).trigger('resize');

      this.settings.init = true;
    },

    toggle : function (target, resize) {
      var dropdown = $('#' + target.data('dropdown'));

      $('[data-dropdown-content]')
        .not(dropdown)
        .css(Foundation.rtl ? 'right':'left', '-99999px')
        .removeClass(this.settings.activeClass);

      if (dropdown.hasClass(this.settings.activeClass)) {
        dropdown
          .css(Foundation.rtl ? 'right':'left', '-99999px')
          .removeClass(this.settings.activeClass);
      } else {
        this
          .css(dropdown
            .addClass(this.settings.activeClass), target);
      }
    },

    resize : function () {
      var dropdown = $('[data-dropdown-content].open'),
          target = $("[data-dropdown='" + dropdown.attr('id') + "']");

      if (dropdown.length && target.length) {
        this.css(dropdown, target);
      }
    },

    css : function (dropdown, target) {
      var position = target.position();
      position.top += target.offsetParent().offset().top;
      position.left += target.offsetParent().offset().left;

      if (this.small()) {
        dropdown.css({
          position : 'absolute',
          width: '95%',
          left: '2.5%',
          'max-width': 'none',
          top: position.top + this.outerHeight(target)
        });
      } else {
        if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
          var left = position.left;
        } else {
          if (!dropdown.hasClass('right')) {
            dropdown.addClass('right');
          }
          var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
        }

        dropdown.attr('style', '').css({
          position : 'absolute',
          top: position.top + this.outerHeight(target),
          left: left
        });
      }

      return dropdown;
    },

    small : function () {
      return $(window).width() < 768 || $('html').hasClass('lt-ie9');
    },

    off: function () {
      $(this.scope).off('.fndtn.dropdown');
      $('html, body').off('.fndtn.dropdown');
      $(window).off('.fndtn.dropdown');
      $('[data-dropdown-content]').off('.fndtn.dropdown');
      this.settings.init = false;
    }
  };
}(Foundation.zj, this, this.document));

@@ -230,16 +230,72 @@
 : 'open'
+,%0A      opened: function()%7B%7D,%0A      closed: function()%7B%7D
 %0A    %7D,%0A
@@ -830,16 +830,25 @@
 s.scope)
+%0A        
 .on('cli
@@ -909,16 +909,20 @@
         
+  
+  
 e.preven
@@ -929,24 +929,28 @@
 tDefault();%0A
+    
         self
@@ -965,33 +965,183 @@
 $(this));%0A      
-%7D
+  %7D)%0A        .on('opened.fndtn.dropdown', '.f-dropdown', this.settings.opened)%0A        .on('closed.fndtn.dropdown', '.f-dropdown', this.settings.closed
 );%0A%0A      $('bod
@@ -2294,24 +2294,60 @@
 tiveClass);%0A
+        dropdown.trigger('closed');%0A
       %7D else
@@ -2437,32 +2437,68 @@
 lass), target);%0A
+        dropdown.trigger('opened');%0A
       %7D%0A    %7D,%0A%0A

Add a basic opened and closed events on the dropdown