tabSlideOut触发器点击

Question

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

它按预期工作，但我希望它滑出时，你在选项卡和点击滑块-而不仅仅是手柄。

在插件中有一个名为slideIn()的函数，但是当我试图调用它时，我会得到一个错误--可能是因为它超出了作用域。

下面是我要添加的代码：

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

我创建了一个小提琴在这里。我该怎么解决这个问题？

Answer 1

我添加了这段代码，它看起来很有效：

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

:animated部分成功了。

Answer 2

您可以在单击事件中模拟句柄上的click。如下所示：

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

我想这就是你要找的(?)

更新小提琴

Answer 3

首先，它的jsBin不是小提琴;)

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

action: 'hover',

我不明白你为什么要点击那个？在你还没来得及点击它的时候就出来了？