[英]How to test jquery .slideDown() and slideUp() by code?
I use the jQuery to hide and show a div. 我使用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');
}
});
}
I want to test the function, I can use the trigger() to simulate the click event, but I don't know how to test the slideDown() and slideUp() effect. 我想测试该功能,可以使用trigger()模拟click事件,但是我不知道如何测试slideDown()和slideUp()效果。
I want to test the function bindIconClick ,means if I use the trigger() function simulate the click event, I want know does the contentPanel hide or show. 我要测试功能bindIconClick,这意味着如果我使用trigger()函数模拟click事件,我想知道contentPanel是否隐藏或显示。
I want to test the full function bindIconClick , not the part of it. 我想测试完整功能bindIconClick,而不是它的一部分。 I want to test the full function is correct! 我要测试完整功能是否正确!
In fact , I want to test the effetc that when the span be clicked, will contentPanel hide or show ? 实际上,我要测试单击跨度时,contentPanel隐藏还是显示的效果?
Use slideToggle function instead of if and else 使用slideToggle函数代替if和else
function bindIconClick() {
$('span.scroIcon').click(function(event) {
var eventIcon = $(event.target);
var contentPanel = eventIcon.parents('.panelTitle').next();
contentPanel.slideToggle('slow');
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.