jquery 리스트 접었다 폈다 > 자유게시판

자유게시판

jquery 리스트 접었다 폈다 정보

jquery 리스트 접었다 폈다

본문

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

댓글 18개

죄송하지만 제가 찾는 건 이게 아니라, 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 로 바꾸면 되니........ 머 상관은 없지만.... ㅋㅋ>

간단해서 많이 쓰고 있습죠..
전체 199,680 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT