jquery 리스트 접었다 폈다 > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

jquery 리스트 접었다 폈다 정보

jquery 리스트 접었다 폈다

본문

분명 예전에 <ul> <li>로 코딩된 목록을 접었다 폈다 해주는 효과가 어딘가 있었는데 못 찾겠네요..
혹시 북마크 해놓으신 분! 살짝 알려주세요~~
  • 복사

댓글 전체

죄송하지만 제가 찾는 건 이게 아니라, http://memori.co.kr/m 이런 페이지를 카테고리만 출력하다가 카테고리 클릭하면 그 아래 항목들을 보여주는 형태이에요.
아 분명 sir 어디선가 봤는데, 스크랩해둘껄...ㅜㅜ
$("ul li ul").hide();

$("li").click(function(){
  $(this).next("ul li ul").slideToggle("fast").siblings("ul li ul:visible").slideUp("fast");
  $(this).siblings("li").removeClass("active");
});

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>
이럼 될것같은데요 책을 열심히 본 효과가 있네요 ^^
http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=168681&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B8%DE%B4%BA&sop=and&page=2

이것도 참고 하시면 좋을듯 ^^;;

오버마우스로 되어있는데 온클릭이랑 커저포인트만 넣어 주시면 될듯 하네요 ^^
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=24350&sca=&sfl=mb_id%2C1&stx=radmaru&sop=and

div방식 입니다.<div를 ul li 로 바꾸면 되니........ 머 상관은 없지만.... ㅋㅋ>

간단해서 많이 쓰고 있습죠..
© SIRSOFT
현재 페이지 제일 처음으로