我的代码出了什么问题！无法使用显示/隐藏

Question

    first way what i used
    if(b.model_serial_batchno ==='U')
    {
    $( '.medi_kit_tets' ).toggle( display );
    }

  second way   
    if(b.model_serial_batchno ==='U')
    {
    $('.medi_kit_tets').show();
    }
    else if(b.model_serial_batchno !='U')
    {
    $('.medi_kit_tets').hide();
    }

即使我尝试使用 else 也没有运气。我会得到很多 b.model_serial_batchno 很多值，比如 b.model_serial_batchno === 'B'/'D' 等等。有没有更好的办法解决这个问题！！

Answer 1

您无需在切换中指定 "display"。只需使用：

 if(b.model_serial_batchno ==='U')
    {
      $('.medi_kit_tets').toggle();
    }

并假设 "b.model_serial_batchno" 完全等于 "U" 并且您有一个带有 "medi_kit_tets" class 的元素并且它当前设置为 display:none - 这将显示它。相反，如果它当前正在显示 - 这将隐藏它。

Answer 2

您也可以使用 fadeIn() 和 fadeOut()

if(b.model_serial_batchno ==='U')
{
   $('.medi_kit_tets').fadeIn();
}
else
{
    $('.medi_kit_tets').fadeOut();
}

我的代码出了什么问题！无法使用显示/隐藏

What is ging wrong with my code! unable use show / hide

jquery

show-hide