jquery - tabSlideOut - 触发点击

Question

我正在使用这个 tabSlideOut 插件，可以在这里看到。它创建一个由选项卡句柄触发的滑块。

它按预期工作，但我希望它在您悬停选项卡并单击滑块时滑出 - 而不仅仅是手柄。

在插件中有一个名为 slideIn() 的函数，但是当我尝试调用它时出现错误 - 可能是因为它超出了范围。

这是我要添加的代码：

$('#contactContainer').click(function () {
        if (!$(this).hasClass("open")) {
            //slideIn()
        }
});

我在这里创建了一个小提琴。我该如何解决？

Answer 1

click您可以在点击事件中模仿手柄上的 a 。像这样：

$('#contactContainer').click(function () {
        if (!$(this).hasClass("open")) {
            $("#contactTab").click();
        }
});

我想这就是你要找的（？）

更新的小提琴

Answer 2

首先，它的 jsBin 不是小提琴；）

你为什么不像这样设置悬停动作：

action: 'hover',

我不明白你为什么要点击呢？因为它在你点击它之前就出来了？

Answer 3

我添加了这段代码，它似乎有效：

$('#contactContainer').click(function () {
     if (!$(this).hasClass("open") && !$(this).is(":animated")) {
         $("#contactTab").click();
     }
});

这:animated部分成功了。