Jquery tabs functionality in dropdown list

Question

Ho to change the Jquery tabs content using select box

Here the Fiddle link that i have tried

Fiddle

Answer 1

Based on my answer here

Demo Fiddle
jQuery Code

function typeres() {
    $('.tabs').hide();
    var e = document.getElementById("tabSelector");
    if (e.options[e.selectedIndex].value == "tabs-1") {
        $('#tabs-1').fadeIn();
    } else if (e.options[e.selectedIndex].value == "tabs-2") {
        $('#tabs-2').fadeIn();
    } else {
        $('#tabs-3').fadeIn();
    }
}  

It is not based on jQuery UI, it is an alternative method of what you want to achieve...