javascript - 如何通过代码测试 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()模拟点击事件，但是不知道slideDown()和slideUp()效果如何测试。

我想测试函数 bindIconClick ，意味着如果我使用 trigger() 函数模拟点击事件，我想知道 contentPanel 是隐藏还是显示。

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

其实我想测试点击span时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');
    });
}