如何通过代码测试jquery .slideDown（）和slideUp（）？

Question

我使用jQuery隐藏和显示div。

function bindIconClick() {
    $('span.scroIcon').click(function(event) {
        var eventIcon = $(event.target);
        var contentPanel = eventIcon.parents('.panelTitle').next();
        if (contentPanel.is(':hidden')) {
            contentPanel.slideDown('slow');
        } else {
            contentPanel.slideUp('slow');
        }
    });
}

我想测试该功能，可以使用trigger（）模拟click事件，但是我不知道如何测试slideDown（）和slideUp（）效果。

我要测试功能bindIconClick，这意味着如果我使用trigger（）函数模拟click事件，我想知道contentPanel是否隐藏或显示。

我想测试完整功能bindIconClick，而不是它的一部分。 我要测试完整功能是否正确！

实际上，我要测试单击跨度时，contentPanel隐藏还是显示的效果？

Answer 1

使用slideToggle函数代替if和else

function bindIconClick() {
    $('span.scroIcon').click(function(event) {
        var eventIcon = $(event.target);
        var contentPanel = eventIcon.parents('.panelTitle').next();
        contentPanel.slideToggle('slow');
    });
}