Jquery 在setTimeout内执行click函数

我有以下函数在两个div之间设置动画：

   jQuery('.nav').click(
        function hideShow () { 
            var targ  = jQuery(this)[0].className.split(' ')[1];
            jQuery('.slide.' +targ).addClass('active').animate({opacity:1});
            jQuery('.slide:not(.active)').animate({opacity:0});

            if(jQuery('.slide').css('opacity') == 0) {
               jQuery('.slide').removeClass('active');
            }
        }
    );

我想使用以下命令自动运行它：

setTimeout(function() {
    triggerClick('.nav', 0),
    hideShow();
}, 5000);

function triggerClick(selector, index) {
    var slideNav= jQuery(selector);
    var mod = index++ % slideNav.length;
    jQuery(slideNav[mod]).trigger('click');
    setTimeout(function() {
        triggerClick(selector, index);
    }, 5000);
}

基本上，我想每5秒运行一次hideshow函数来重置滑块项的不透明度，但我不知道我做错了什么

---

谢谢你的帮助

我首先在我的单击功能中删除了活动的：

   jQuery('.nav').click(
        function () { 
            var targ  = jQuery(this)[0].className.split(' ')[1];
            jQuery('.slide').removeClass('active');
            jQuery('.slide.' +targ).addClass('active').animate({opacity:1});
            jQuery('.slide:not(.active)').animate({opacity:0});

            if(jQuery('.slide').css('opacity') == 0) {
               jQuery('.slide').removeClass('active');
            }
        }
    );

---

更新的fiddle

滑块正在工作，但触发器功能不会重置“活动”类别和不透明度值。很容易看到代码的运行。你能做一把小提琴吗？我做了一个快速的模型[链接]谢谢！