javascript – 在JQuery中显示隐藏问题 – CSS

这是我的HTML：

<div id="stage" >
<div id="stage_error" style="color:red;font-size:15px"></div>
<div id="stage_success" style="color:green;font-size:20px"></div>
</div>

这是我的JavaScript条件：

  if(data != '') 
  { 
  $('#stage_error').html(data); 
  } 
  else 
  {        
  $('#stage_success').text('Registered Succesfully').show(100);
  $('#stage_error').hide();
  $('#stage_success').hide(3000);
  }

场景1：

如果数据为null,则应显示成功消息 – #stage_success

场景2：

如果数据有任何值,则显示第一个div错误,然后一旦清除错误,它应该在隐藏错误消息后显示成功消息#stage_error

问题 ：

我遇到的问题是,一旦显示成功#stage_success,然后由于隐藏了#stage_error,它不会在屏幕上显示任何错误消息

我猜#toggle是不正确的方法.

这是数据的价值：它从外部页面获取价值：

Object {BusNo: Array[1], CompID: Array[1], TotalSeats: Array[1]}

有什么方法可以处理这个吗？

解决方法:

if(data != '') 
  { 
  $('#stage_error').html(data).show(); 
  } 
  else 
  {        
  $('#stage_success').text('Registered Succesfully').show(100);
  $('#stage_error').hide();
  $('#stage_success').hide(3000);
  }

只需在添加show()时将新数据放入其中即可显示错误;