1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('p:eq(1)')                                    //[1] 두번째 p 태그 영역
            .css('backgroundColor', 'Yellow')           //[2] 두번째 영역의 배경색 지정
            .click(function () {
                var $thisPara = $(this);                //[3] 현재 영역을 변수에 설정
                $thisPara.next()
                    .slideDown('slow', function () {    //[4] 두번째의 다음 요소를 슬라이드 다운
                        $thisPara.slideUp('slow');      //[5] 현재자신(두번째)를 슬라이드 업
                    });
            });
    });
</script>
 
    <p>첫번째</p>
    <p>두번째</p>
    <p style="display:none;">세번째</p>
    <p>네번째</p>

첫번째

두번째

네번째

Posted by 파노카페
: