Fun with tabs and tab methods

testing feature of jquery tabs

by nickadeemus2002

HTML

<script src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css">
<div class="main">
    <div class="slides">Slides division</div>
    <div id="tabs">
        <ul>
            <li> <a href="#tab-1">tab1</a></li>
            <li> <a href="#tab-2">tab2</a></li>
            <li> <a href="#tab-3">tab3</a></li>
            <li> <a href="#tab-4">tab4</a></li>             
        </ul>
        <div id="tab-1"><div>not working</div></div>
        <div id="tab-2">working</div>
        <div id="tab-3">working</div>
        <div id="tab-4">working</div>
    </div>
</div>

CSS

*{font-size:12px;}

JavaScript

$(document).ready(function() {

    $('#tabs').tabs();

    $("#tabs").bind("tabsselect", function(event, ui) {
       console.log(ui);
        var selectedTab = ui.index;
        if(selectedTab === 1){
            alert('y0!!!asdf  you selected tab 2');
        };
    });


});