foundation.accordion.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. ;(function ($, window, document, undefined) {
  2. 'use strict';
  3. Foundation.libs.accordion = {
  4. name : 'accordion',
  5. version : '5.1.1',
  6. settings : {
  7. active_class: 'active',
  8. toggleable: true
  9. },
  10. init : function (scope, method, options) {
  11. this.bindings(method, options);
  12. },
  13. events : function () {
  14. var self = this;
  15. var S = this.S;
  16. S(this.scope)
  17. .off('.fndtn.accordion')
  18. .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) {
  19. var accordion = S(this).closest('[' + self.attr_name() + ']'),
  20. target = S('#' + this.href.split('#')[1]),
  21. siblings = S('dd > .content', accordion),
  22. aunts = $('> dd', accordion),
  23. settings = accordion.data(self.attr_name(true) + '-init'),
  24. active_content = S('dd > .content.' + settings.active_class, accordion),
  25. active_parent = S('dd.' + settings.active_class, accordion);
  26. e.preventDefault();
  27. if (active_content[0] == target[0] && settings.toggleable) {
  28. active_parent.toggleClass(settings.active_class, false);
  29. return target.toggleClass(settings.active_class, false);
  30. }
  31. siblings.removeClass(settings.active_class);
  32. aunts.removeClass(settings.active_class);
  33. target.addClass(settings.active_class).parent().addClass(settings.active_class);
  34. });
  35. },
  36. off : function () {},
  37. reflow : function () {}
  38. };
  39. }(jQuery, this, this.document));