[рони]

NeXan,

$(function() {
    var parent = $(".tabs"),
        title = $(".tabs-title", parent),
        content = $(".tabs__content", parent),
        i = 0,
        len = title.length,
        timer;
    title.each(function(indx, element) {
        $(this).mouseenter(function() {
            i = indx;
            show(true)
        })
    });

    function show(hold) {
        window.clearTimeout(timer);
        title.removeClass("active").eq(i).addClass("active");
        content.removeClass("active").eq(i).addClass("active");
        if (!hold) {
            i = ++i % len;
            timer = window.setTimeout(show, 3E3)
        }
    }
    parent.mouseleave(function() {
        show(false)
    })
});