jQuery mdtabs Plugin Examples

different tab size

$("#tabs1").mdtabs({});

animate duration

$("#tabs2").mdtabs({duration: 800});

default selected

<a href="#" class="selected">Tab2</a>

click event (disabled tab)

<a href="#" class="disabled">Tab3</a>
        
$("#tabs4").mdtabs({
    onClick: function(){
        return !$(this).hasClass("disabled");
    }
});

indicater moved event

-

$("#tabs5").mdtabs({
    duration: 800,
    onIndicaterMoved: function(){
        $("#tabs5-log").text($(this).text() + " selected")
    }
});

indicater style

$("#tabs6").mdtabs({
    color: "rgba(255,0,0,0.8)",
    height: 7
});