这是jQuery code
for,expanding and collapsing the rows in a table
但似乎不起作用。我在哪里出问题了?
$('.Complex').click(function() {
if ($(this).hasClass("collapsed")) {
$(this).nextUntil('tr.Complex')
.find('td')
.parent()
.find('td > div')
.slideDown("fast", function() {
var $set = $(this);
$set.replaceWith($set.contents());
});
$(this).removeClass("collapsed");
} else {
$(this).nextUntil('tr.Complex')
.find('td')
.wrapInner('<div style="display: block;" />')
$(this).addClass("collapsed");
}.parent()
.find('td > div')
.slideUp("fast");
});
以下是jsFiddle
您过于复杂了。只需使用$.fn.toggleClass()
和$.fn.toggle()
$('.Complex').click(function () {
$(this).toggleClass("collapsed").nextUntil('tr.Complex').toggle();
});
如果要滑动,请使用$.fn.slideToggle()
代替$.fn.toggle()
以滑动方式显示或隐藏匹配的元素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句