JSFiddle - React, Tailwind, and code Playground
HTML
<button class="btn myButtonShow" data-name="Tabs_Group_name1">Показать</button>
<button class="btn myButtonHide" data-name="Tabs_Group_name1">Спрятать</button>
<div class="js_Tabs"></div>
JavaScript
;(function($, window, document, undefined) {
var pluginName = 'Tabs',
defaults = { };
function Plugin(element, options) {
this.element = element;
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype.init = function() {
alert( 'init' );
};
Plugin.prototype.show = function(param) {
alert( 'show' );
};
Plugin.prototype.set = function(param) {
alert( 'set' );
};
Plugin.prototype.hide = function(param) {
alert( 'hide' );
};
$.fn[pluginName] = function(options) {
alert( 'plugin call' );
return this.each(function() {
var plugin = $.data(this, 'plugin_' + pluginName)
if (!plugin) {
plugin = new Plugin(this, options);
$.data(this, 'plugin_' + pluginName, plugin);
}
options.show && plugin.show();
options.hide && plugin.hide();
});
};
})(jQuery, window, document);
$(".myButtonShow").on("click", function() {
$('.js_Tabs').Tabs({show: true});
});
$(".myButtonHide").on("click", function() {
$('.js_Tabs').Tabs({hide: true});
});