jquery ui tabs tab selected callback

If you are using the tabs()-element of the jqueryui you might want to perform a custom action after the selection of the tab. The tab()-element is offering different methods.

1. is executed before the tab switches. You have the possiblity to cancel the action.
2. is executed after the tab has switched. You got e.g. the option to set the focus to a specific element

http://api.jqueryui.com/1.8/tabs/#event-show $("#mytabs").tabs({ show: function( event, ui ) { alert("aftr change");} }); An other option is just to bind the tabsshow $("#mytabs").bind("tabsshow", function(event, ui) { if (ui.index == 0) { $("#e1").focus(); } else { $("#e2").focus(); } }); http://api.jqueryui.com/1.8/tabs/#event-select