The activate event is fired after a tab has been activated, and any possible animation has completed.

The following additional properties are passed in the event object:
tab - the LI element, containing the tab title
content - the DIV element, containing the tab content
active - a flag inidicating whether the tab is active or not
index - the tab's zero-based index
item - the data source item for this tab

<div id="tabs">
    <div>Tab Pane 1</div> 
    <div>Tab Pane 2</div>

<script type="text/javascript">
    $(function () {
            events: {
                activate: function(e) {
                    console.log("Tab activated");