🕹 스크립트

숨겨진 리스트 버튼누르면 보이게 만들기

(。θᗨθ。) 2022. 3. 6. 22:51

See the Pen 버튼 누르면 리스트 더보기 by publisher-jy (@publisher-jy) on CodePen.

$(function(){
    $("div").slice(0, 6).show(); // 처음 보여지는 6개 리스트(div)
    $("p").click(function(e){ // 버튼(p)을 누르면
        e.preventDefault();
        $("div:hidden").slice(0, 6).show(); // 숨겨진 리스트(div)를 6개 보여줌
        if($("div:hidden").length == 0){ // 더이상 보여줄 리스트(div)가 없다면
            // alert("No more divs");
            $('p').hide(); //버튼(p)을 숨김
        }
    });
});

 

728x90