Ticket #3924: jquery-ui-tab-closable.js

var _tabify_orig = $.ui.tabs.prototype._tabify;
$.extend($.ui.tabs.defaults, {
  closeTemplate: '<a onclick="return false;"><span>#{text}</span></a>',
  closeAnchorClass: 'ui-tabs-close',
  closeText: '(x)',
});
$.extend($.ui.tabs.prototype, {
  _tabify: function(init) {
    _tabify_orig.apply(this, arguments);

    var self = this, o = this.options;
    if (o.closable) {
      this.$lis = $('li:has(a[href])', this.element);
      function closeTab(el) { self.remove(self.$lis.index(el.parentNode)); };
      this.$lis.each(function(){
        $(o.closeTemplate.replace(/#\{text\}/g, o.closeText)).appendTo(this)
        .addClass(o.closeAnchorClass)
        .click(function() {closeTab(this);})
      });
    }
  }
});