function( event, eventData ) {
		var that = this,
			toShow = eventData.newPanel,
			toHide = eventData.oldPanel;

		this.running = true;

		function complete() {
			that.running = false;
			that._trigger( "activate", event, eventData );
		}

		function show() {
			eventData.newTab.closest( "li" ).addClass( "ui-tabs-active ui-state-active" );

			if ( toShow.length && that.options.show ) {
				that._show( toShow, that.options.show, complete );
			} else {
				toShow.show();
				complete();
			}
		}

		// start out by hiding, then showing, then completing
		if ( toHide.length && this.options.hide ) {
			this._hide( toHide, this.options.hide, function() {
				eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
				show();
			});
		} else {
			eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
			toHide.hide();
			show();
		}

		toHide.attr({
			"aria-expanded": "false",
			"aria-hidden": "true"
		});
		eventData.oldTab.attr( "aria-selected", "false" );
		// If we're switching tabs, remove the old tab from the tab order.
		// If we're opening from collapsed state, remove the previous tab from the tab order.
		// If we're collapsing, then keep the collapsing tab in the tab order.
		if ( toShow.length && toHide.length ) {
			eventData.oldTab.attr( "tabIndex", -1 );
		} else if ( toShow.length ) {
			this.tabs.filter(function() {
				return $( this ).attr( "tabIndex" ) === 0;
			})
			.attr( "tabIndex", -1 );
		}

		toShow.attr({
			"aria-expanded": "true",
			"aria-hidden": "false"
		});
		eventData.newTab.attr({
			"aria-selected": "true",
			tabIndex: 0
		});
	}
function( event, eventData ) {
		var that = this,
			toShow = eventData.newPanel,
			toHide = eventData.oldPanel;

		this.running = true;

		function complete() {
			that.running = false;
			that._trigger( "activate", event, eventData );
		}

		function show() {
			eventData.newTab.closest( "li" ).addClass( "ui-tabs-active ui-state-active" );

			if ( toShow.length && that.options.show ) {
				that._show( toShow, that.options.show, complete );
			} else {
				toShow.show();
				complete();
			}
		}

		// start out by hiding, then showing, then completing
		if ( toHide.length && this.options.hide ) {
			this._hide( toHide, this.options.hide, function() {
				eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
				show();
			});
		} else {
			eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
			toHide.hide();
			show();
		}

		toHide.attr({
			"aria-expanded": "false",
			"aria-hidden": "true"
		});
		eventData.oldTab.attr( "aria-selected", "false" );
		// If we're switching tabs, remove the old tab from the tab order.
		// If we're opening from collapsed state, remove the previous tab from the tab order.
		// If we're collapsing, then keep the collapsing tab in the tab order.
		if ( toShow.length && toHide.length ) {
			eventData.oldTab.attr( "tabIndex", -1 );
		} else if ( toShow.length ) {
			this.tabs.filter(function() {
				return $( this ).attr( "tabIndex" ) === 0;
			})
			.attr( "tabIndex", -1 );
		}

		toShow.attr({
			"aria-expanded": "true",
			"aria-hidden": "false"
		});
		eventData.newTab.attr({
			"aria-selected": "true",
			tabIndex: 0
		});
	}
function ( event , eventData ) { var that = this , toShow = eventData . newPanel , toHide = eventData . oldPanel ; this . running = true ; function complete ( ) { that . running = false ; that . _trigger ( "activate" , event , eventData ) ; } function show ( ) { eventData . newTab . closest ( "li" ) . addClass ( "ui-tabs-active ui-state-active" ) ; if ( toShow . length && that . options . show ) { that . _show ( toShow , that . options . show , complete ) ; } else { toShow . show ( ) ; complete ( ) ; } } // start out by hiding, then showing, then completing if ( toHide . length && this . options . hide ) { this . _hide ( toHide , this . options . hide , function ( ) { eventData . oldTab . closest ( "li" ) . removeClass ( "ui-tabs-active ui-state-active" ) ; show ( ) ; } ) ; } else { eventData . oldTab . closest ( "li" ) . removeClass ( "ui-tabs-active ui-state-active" ) ; toHide . hide ( ) ; show ( ) ; } toHide . attr ( { "aria-expanded" : "false" , "aria-hidden" : "true" } ) ; eventData . oldTab . attr ( "aria-selected" , "false" ) ; // If we're switching tabs, remove the old tab from the tab order. // If we're opening from collapsed state, remove the previous tab from the tab order. // If we're collapsing, then keep the collapsing tab in the tab order. if ( toShow . length && toHide . length ) { eventData . oldTab . attr ( "tabIndex" , - 1 ) ; } else if ( toShow . length ) { this . tabs . filter ( function ( ) { return $ ( this ) . attr ( "tabIndex" ) === 0 ; } ) . attr ( "tabIndex" , - 1 ) ; } toShow . attr ( { "aria-expanded" : "true" , "aria-hidden" : "false" } ) ; eventData . newTab . attr ( { "aria-selected" : "true" , tabIndex : 0 } ) ; }
handles show/hide for selecting tabs
handles show / hide for selecting tabs
When the user clicks on a tab