Question

参考：http://api.jquery.com/animate/

注意：与.slideDown（）等简写动画方法不同 .fadeIn（），。animate（）方法不会使隐藏元素可见作为效果的一部分。例如，给定$（“someElement” ）.hide（）。animate（{height：“20px”}，500），动画将会运行，但是该元素将保持隐藏状态。

小提琴：http://jsfiddle.net/86q9w/2/

if (!$('textarea').hasClass('nbrdr')) {
    $('.lbxa textarea').animate({
        height: "100px"
    }, 500);
}

正常工作（它在大多数浏览器中都能正常工作），它应该是动画，同时只显示与任意跨度第一次点击时点击的跨度相对应的textarea。出于某种原因，在Firefox（我能说的所有版本）中，这个动画在设置为display：none via css之后使所有textareas都可见。

Answer 1

检查这个小提琴

Example

var currentIndex;
$('span.spec').click(function() {
   var which = $(this).index();
   if(currentIndex != which){
   $('textarea').slideUp(100).eq(which).slideDown(100);
   }
   currentIndex = which;
});

.animate（）高度显示firefox中的隐藏元素

1 个答案: