$('p').hide();
$('#btN1').click(function () {
var Time = 900;
        $('.text1').fadeIn(
            Time,
            function () {
                $('.text2').fadeIn(
                    Time,
                    function () {
                        $('.text3').fadeIn(
                            Time,
                            function () {
                                $('.text4').fadeIn(
                                    Time,
                                    function () {
                                        $('.text5').fadeIn(Time);
                                    });
                            });
                    });
            });
        return false;
    });

✅jquery
1) 모든 p(text)를 숨겨준다
2) 버튼 클릭시 text가 1-5순으로 나타나게 하기 위해 애니메이션 작동 시간을 설정한다
3) text1부터 fadeIn 함수를 작성해서 함수안에 함수로 작성한다(차례로 나오게 하기위해)
4) return false로 함수를 빠져나올 수 있게한다

✔ 차례로 하기 위한 함수는 함수안에 함수 밖에 작성할수 없을까??

+ Recent posts