slideDown，slideUp在jQuery中不起作用

嗨朋友slideDown和slideUpfunction不能使用我的代码。 它看起来没有slideDown效果的隐藏行PLease帮助你们可以在下面查看我的代码或在这里看到小提琴

HTML

 
 
Logistics
  one two three four Others  
 
 
 
Others Details 
 
  

脚本

 $('tr').has('textarea').hide(); $('select').on('change',function(){ if($(this).val()=='Others') { //$(this).next('tr td').has('textarea').slideDown(200); $(this).parent('td').parent('tr').next('tr').slideDown(200); //alert('other') } else { //$(this).next('tr td').has('textarea').slideDown(200); $(this).parent('td').parent('tr').next('tr').slideUp(200); //alert('other') } }) 

Answer 1

检查这个演示jsFiddle

JQuery的

 $('tr').not(':first').children('td').wrapInner('
'); $('select').on('change',function(){ if($(this).val()=='Others') { $('td > div').slideDown(2000, function() { $(this).parent().slideDown(2000); }); } else { $('td > div').slideUp(1000, function() { $(this).parent().slideUp(); }); } }); 

Answer 2

您无法滑动表格行，因为您无法操纵它们的高度。 jQuery的动画依赖于具有高度和宽度的元素。

内联元素没有设置或设置这些尺寸，因此动画必须使它们成为块级元素。对这些元素使用常规，非动画， hide和show可能更好。

您还可以使用fadeIn和fadeOut 。 演示