Tabify

Plugin jQuery Tabify

by Angelo Rogério Rubin

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css">
<div id="someContent">
    <h2>Tab number one</h2>
    <div>
        <p>Some tab content</p>
    </div>
    <h2>Next tab</h2>
    <div>
        <p>content...</p>
    </div>
    <h2>Last tab</h2>
    <div>
        <p>Even more stuff</p>
    </div>
</div>

CSS

.links {
    border:1px solid #000;
    padding:20px;
    margin:2px;
    color:black;
    heigth:auto;
    min-height:20px;
    overflow:hidden;
    }

.links li {
    margin:3px;
}


/*
uhauhauhauh
uhahuahu
uhauhahu
ahuuhu
huauhahu
hauahua
jiaiij
hauhuhahu
ahauhhuahuauh
*/

JavaScript

/*
(function( $ ) {
  $.fn.altura = function() {
    return this.each(function() {
        var obj = $(this);
    });
  };
})( jQuery );
*/

window.onload = function()
{
    // Define function objects
    var func1   = function() { alert("hello from func1"); }
    func1.func2 = function() { alert("hello from func1.func2"); };
    var _       = function() { alert("hello from _"); }
    var \\u0024  = function() { alert("hello from $ defined as \u0024"); }
    var Ø       = function() { alert("hello from Ø"); }
    var $$$$$   = function() { alert("hello from $$$$$"); }
    var $func$  = function() { alert("hello from $func$"); }
    var __      = function() { alert("hello from __"); }
    _.$         = function() { alert("hello from _.$"); }
    __.__       = function() { alert("hello from __.__"); }
    $.member    = function() { alert("hello from $.member"); }

    // Call functions defined above one by one
    func1();
    func1.func2();
    _();
    $();
    Ø();
    $$$$$();
    $func$();
    $.member();
    _.$();
    __();
    __.__();
}