Can I have Tabs without tabs?

[mzeddd]

Hi,

I would like to have Tabs that could work in this way.

On my page I have a table placed into one Tab (not closable).
I could like to press a button which will create new Tab close to initial one.

This is very easy, but is it possible to make 1st Tab don't look like Tab (hide Tab heading)? So user can see only table.
Tab label(heading) should appear when new Tab added. And disappear again when new Tab is closed.

Thanks!

[stworthy]

Do you want the hiding and displaying header functionality? If so, extend the 'hideHeader' and 'showHeader' methods as below:

Code:

$.extend($.fn.tabs.methods, {
	hideHeader: function(jq){
		return jq.each(function(){
			var header = $(this).children('div.tabs-header');
			header.css('background-color','transparent');
			header.find('div.tabs-wrap').hide();
			$(this).tabs('resize');
		});
	},
	showHeader: function(jq){
		return jq.each(function(){
			var header = $(this).children('div.tabs-header');
			header.css('background-color','');
			header.find('div.tabs-wrap').show();
			$(this).tabs('resize');
		});
	}
});

[mzeddd]

Hi,

This is exactly what I wad looking for!

Thanks you very much!

Btw, Can we expect this new methods be a part of 1.3.5 version with possibility make header hidden using HTML code?

[stworthy]

These two methods will be integrated into next version. Also, the 'showHeader' property will be available to let users to determine if the tabs component is hidden or not. The updated tabs plugin can be downloaded from http://www.jeasyui.com/easyui/plugins/jquery.tabs.js.

[mzeddd]

Perfect!