如何通過代碼測試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');
    });
}