더보기(MORE) 버튼을 눌러 일정갯수의 리스트(목록) 더 보기

SHARE

DEMO

아래 데모페이지를 확인해주세요.
더 보기 버튼을 눌러 리스트를 불러올 수 있습니다.

DEMO

html

css

js

load('#js-load', '4'); 이 부분의 숫자를 변경하면 더 보기를 눌렀을 때 몇 개씩 더 보여줄 것인가 변경할 수 있습니다.

댓글

  1. 하하 댓글:

    감사해용~ 잘 보았습니다^^

  2. 장장 댓글:

    감사합니다~~
    db 불러올때 응용해서 쓰면 되겠네요

  3. sunnydyd 댓글:

    안녕하세요. 항상 포스팅을 보면서 많이 배우고 좋은 자료를 얻고 갑니다.
    이번 포스팅의 내용도 테스트를 해보고 싶은데,
    예제를 첨부파일로 혹시 올려주실 수 있을까요?
    링크하신 스크립트를 사용할 수가 없어서…

    • nanati 댓글:

      안녕하세요 방문 댓글 감사합니다^^
      링크한 스크립트를 사용할 수 없다는게 무슨 말씀이신지 잘 이해가 안되는데요~
      데모페이지 들어가셔서, html/css/js 복사해서 사용하시면 될텐데…
      어느 스크립트가 사용이 안되시나요?
      정확한 설명을 댓글로 하기 어려우시면 프로필 페이지에 있는
      멜 주소로 이멜 보내주세요^^

  4. 홍간지 댓글:

    너무 좋은 정보 알려주셔서 감사합니다..
    근데 혹시 저 더보기 버튼에 링크걸기는 가능한가요??
    예를 들어서 총 12개까지 더 보이게 하고나서 마지막에는 버튼을 클릭하면 페이지이동을 할수 있도록 가능할까요?….. 아니면 버튼이 사라지게 가능할까요??

    • nanati 댓글:

      죄송합니다~ 저도 거기까진 모르겠네요 ㅎ
      블로그의 글 들은 제가 검색으로 해결한 내용들을 정리해 놓은거라,
      자바스크립트나 제이쿼리에 대해서는 무지합니다~
      개발자분들께 여쭤보시면 해결책을 얻으실 수 있으실지도… ㅠㅠ
      개발자커뮤니티를 찾아보세요^^ 해결 못드려 죄송해요~