페이드 인이있는 인라인 블록

Question

목록 정의에 약간의 문제가 있습니다. 기본적으로, 내 목록 (작동)에 fadein 효과가 있지만 문제는 내 <li>이 나타나면 인라인 블록이 아닌 것입니다. http://jsfiddle.net/mqthK/426/

당신이 어떤 생각을 가지고 있습니까 : 여기

function fadeLI(elem) { 
    elem.fadeIn(500, function() { 
    fadeLI($(this).next().css("display","inline-block")); 
    }); 
} 

fadeLI($("#portfolio li:first")); 

은 예입니다 .. 그래서 JS에서 인라인 블록을 추가 할 수 있지만 fadein 사라진다?

Answer 1

을 시도해보십시오

function fadeLI(elem) { 
    elem.css('opacity', '0').addClass('test').stop().animate({opacity: 1}, 'slow', function() { 
     var $next = $(this).next(); 
     if($next.length) 
      fadeLI($next); 
    }); 
} 

fadeLI($("#test li:first")); 

데모 : 왼쪽으로 '목록-항목에 : Fiddle

Answer 2

.test { 
    display: inline-block; 
} 

http://jsfiddle.net/mqthK/429/