JSFiddle - React, Tailwind, and code Playground

by gasp10

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.js"></script>
<p>abc</p>

JavaScript

(function ($) {

  $.widget( "my.myWidget", {

  		options: {
				name: "foo"
			},
      value(id){
      	if(id && typeof this.options[id] != "undefined")
        	return this.options[id];
        else if (typeof this.options[id] == "undefined")
        	return null;
        else
        	return this.options;
      },
  });
})(jQuery);

$(document).ready(function() {

	var w = $('p').myWidget({name: "bar"});
	
  console.log(w.myWidget("instance"))
	console.log(w.myWidget("value"))
});