* @event Tabs#change
*/
this.$element.trigger('change.zf.tabs', [$target]);
+
+ //fire to children a mutation event
+ $targetContent.find("[data-mutate]").trigger("mutateme.zf.trigger");
}
+
+ /**
+ * Opens the tab `$targetContent` defined by `$target`.
+ * @param {jQuery} $target - Tab to Open.
+ * @function
+ */
+ _openTab($target) {
+ var $tabLink = $target.find('[role="tab"]'),
+ hash = $tabLink[0].hash,
+ $targetContent = this.$tabContent.find(hash);
+
+ $target.addClass('is-active');
+
+ $tabLink.attr({'aria-selected': 'true'});
+
+ $targetContent
+ .addClass('is-active')
+ .attr({'aria-hidden': 'false'});
+ }
+
+ /**
+ * Collapses `$targetContent` defined by `$target`.
+ * @param {jQuery} $target - Tab to Open.
+ * @function
+ */
+ _collapseTab($target) {
+ var $target_anchor = $target
+ .removeClass('is-active')
+ .find('[role="tab"]')
+ .attr({ 'aria-selected': 'false' });
+
+ $(`#${$target_anchor.attr('aria-controls')}`)
+ .removeClass('is-active')
+ .attr({ 'aria-hidden': 'true' });
+ }
/**
* Public method for selecting a content pane to display.