* @function
*/
_handleTabChange($target) {
-
+
/**
* Check for active class on target. Collapse if exists.
*/
if ($target.hasClass('is-active')) {
if(this.options.activeCollapse) {
this._collapseTab($target);
-
+
/**
* Fires when the zplugin has successfully collapsed tabs.
* @event Tabs#collapse
}
return;
}
-
+
var $oldTab = this.$element.
- find(`.${this.options.linkClass}.is-active`);
-
+ find(`.${this.options.linkClass}.is-active`),
+ $tabLink = $target.find('[role="tab"]'),
+ hash = $tabLink[0].hash,
+ $targetContent = this.$tabContent.find(hash);
+
//close old tab
this._collapseTab($oldTab);
//open new tab
this._openTab($target);
-
-
+
+
/**
* Fires when the plugin has successfully changed tabs.
* @event Tabs#change
*/
this.$element.trigger('change.zf.tabs', [$target]);
-
+
//fire to children a mutation event
- $targetContent.find("[data-mutate]").trigger("mutateme.zf.trigger");
+ $targetContent.find("[data-mutate]").trigger("mutateme.zf.trigger");
}
-
+
/**
* Opens the tab `$targetContent` defined by `$target`.
* @param {jQuery} $target - Tab to Open.
- * @function
+ * @function
*/
_openTab($target) {
var $tabLink = $target.find('[role="tab"]'),
.addClass('is-active')
.attr({'aria-hidden': 'false'});
}
-
+
/**
* Collapses `$targetContent` defined by `$target`.
* @param {jQuery} $target - Tab to Open.
- * @function
+ * @function
*/
_collapseTab($target) {
var $target_anchor = $target
* @example false
*/
matchHeight: false,
-
+
/**
* Allows active tabs to collapse when clicked.
* @option
* @example false
*/
activeCollapse: false,
-
+
/**
* Class applied to `li`'s in tab link list.
* @option