jQuery fadeIn在Firefox中闪烁

我在用户点击后使用fadeIn扩展表中的行。 在Chrome甚至IE中，一切都正常，但它在Firefox 15.0.1中不起作用。 在FF中，扩展行褪色后，它的背景闪烁一次。

这是我的代码：

 $('.patients-items-item').click(function() { var item = $(this).next('.toggle-item'); if (item.is(":visible")) { item.hide(); } else { item.fadeIn(); } }); 

HTML：

 
 
 
 
  
 
 Text 
 
 Text2 
 
 
 
 Text3 
 
 
  

看看小提琴 。

在调查期间，我发现这种行为仅存在于表格中。 如果我使用divs执行相同的代码将在所有浏览器中正常工作。

任何建议都会有所帮助。

Answer 1

在jQuery中，您可以使用toggle（）函数来获取所需的行为。

见这里的例子：

http://jsfiddle.net/83tNC/

 $('.patients-items-item').on('click', function() { $(this).next('.toggle-item').toggle('fade'); });​ 

Answer 2

你为什么不试试

 item.stop().fadeIn(); 

此外，如果您正在切换，为什么不使用：

 item.stop().fadeToggle("slow", "linear");