当TD被点击时，可滚动的DIV滚动到顶部

Question

我有一个有趣的问题，我似乎无法在Google上找到答案。我有一个可滚动的div，它是一个简单的表格。有'标题'行（'.sl-bucket'），点击时脚本显示下面的关联行，隐藏其他显示的行。在Chrome和IE中，没有问题。在全新的Firefox中，当您点击第一个元素时，它会将div滚动回顶部。之后的其他一切都很好。

有关如何解决此问题的任何想法？

以下是jsFiddle的示例。

这是我javscript：

$(window).on('click', '.sl-bucket', function() { 
     var bucket = $(this).attr('rel'); 
     if ($('.sl-'+bucket).is(':visible') == false) { 
      $('.sl-unitRow:visible').hide(); 
      $('.sl-'+bucket).show(); 
     } else { 
      $('.sl-'+bucket).hide(); 
     } 
     return false; 
    }); 

Answer 1

为我工作用

$('.sl-'+bucket).css("display", "block"); 

代替

$('.sl-'+bucket).show();