jQuery .toggle（）与第二个函数没有按预期工作？

我正在尝试创建一个按钮来显示/隐藏它下方的div，一切正常，我只是在最后一点挣扎！

我需要区分它是一个节目还是隐藏动作所以我可以将变量传递到别处，这就是我所拥有的……

$(this).find('.hide-close').click( function() { $(this).siblings('.dragbox-content').toggle(function() { alert($(this).parent().attr("id") + ' Show'); },function() { alert($(this).parent().attr("id") + ' Hide'); } ); }) .end() }); 

如果使用以下代码，取出toggle（）中的第二个函数，它有效吗？！ 但后来我没有显示/隐藏变量。

 $(this).find('.hide-close').click( function() { $(this).siblings('.dragbox-content').toggle(function() { alert($(this).parent().attr("id") + ' Show'); } ); }) .end() }); 

在此先感谢您的帮助，希望这是我看不到的非常简单！ 🙂

Answer 1

您可以在函数内使用$(this).is(":visible")来检查它是否可见。

Answer 2

jQuery切换function用于分配在发生事件（鼠标单击）时执行的function。 要实际触发事件，您必须调用click函数。

 $('.dragbox-content').toggle(function() { alert($(this).parent().attr("id") + ' Show'); },function() { alert($(this).parent().attr("id") + ' Hide'); } ); 

使用这段代码分配要在点击时执行的function。

 $(this).find('.hide-close').click( function() { $(this).siblings('.dragbox-content').click(); }) .end(); 

这是为了解雇这个事件。