slideDown，slideUp在jQuery中不工作

Hi Friends slideDown和slideUp函数不适用于我的代码。显示隐藏行，没有向下滑动效果。请帮助您可以检查下面的“我的代码”或

HTML

<table>
<tr>
    <td colspan="2"><p>Logistics</p>
      <select name=" " >
        <option>one</option>
        <option>two</option>
        <option>three</option>
        <option>four</option>
        <option>Others</option>
      </select>
    </td>
  </tr>
  <tr>
    <td width="80%" colspan="2"><textarea name=" 5" rows="2" id=" 5" onblur="if (this.value=='') this.value = this.defaultValue" onfocus="if (this.value==this.defaultValue) this.value = ''">Others Details</textarea>
      </td>
  </tr>
</table>

---

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

内联元素没有设置或设置这些维度，因此动画必须使它们成为块级元素。对于这些元素，最好只使用常规的、非动画的、

hide

和

show

---

您还可以使用

fadeIn

和

fadeOut

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

内联元素没有设置或设置这些维度，因此动画必须使它们成为块级元素。对于这些元素，最好只使用常规的、非动画的、

hide

和

show

您还可以使用

fadeIn

和

fadeOut

检查此

JQuery

$（'tr'）。非（':first'）。子（'td'）。wrapInner（''）；
$（'select'）。在（'change'，function（）上{
如果（$（this.val（）=='Others'）
{
$（'td>div'）。向下滑动（2000，函数（）{
$（this.parent（）.slideDown（2000）；
});
}
其他的
{
$（'td>div'）.slideUp（1000，函数（）{
$（this.parent（）.slideUp（）；
});
}
});

检查此项

JQuery

$（'tr'）。非（':first'）。子（'td'）。wrapInner（''）；
$（'select'）。在（'change'，function（）上{
如果（$（this.val（）=='Others'）
{
$（'td>div'）。向下滑动（2000，函数（）{
$（this.parent（）.slideDown（2000）；
});
}
其他的
{
$（'td>div'）.slideUp（1000，函数（）{
$（this.parent（）.slideUp（）；
});
}
});

请参见，问题不在于它没有出现。。。滑动效应不存在。。。参见@ArunPJohny:OP也有不正确的逻辑。textarea没有出现。这个错误是无法修复的。用户可能必须使用动画。如果选择了其他动画，则会显示动画。问题不是动画没有显示。。。滑动效应不存在。。。参见@ArunPJohny:OP也有不正确的逻辑。textarea没有出现。这个错误是无法修复的。用户可能必须使用动画。如果选择了其他动画，则会显示动画

$('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')
        }
    })

$('tr').not(':first').children('td').wrapInner('<div>');
$('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();
        });
    }
});