JSFiddle - React, Tailwind, and code Playground
HTML
<div class="myDiv">test</div>
<div class="myDiv">test</div>
<div class="myDiv">test</div>
CSS
.test {
background: red;
}
JavaScript
(function ($) {
$.fn.bondye = function (options) {
var settings = $.extend({
callback: function () {}
}, options);
return this.each(function () {
$(this).addClass('test');
settings.callback();
});
};
})(jQuery);
$(".myDiv").bondye({
callback: function () {
$(this).removeClass("test");
}
});