본문 바로가기 메뉴 바로가기

Easy for anyone.

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Easy for anyone.

검색하기 폼
  • 분류 전체보기 (83)
    • Web Dev (54)
      • NodeJS (0)
      • Express (0)
      • Nuxt (1)
      • HTML (2)
      • Typescript (0)
      • Javascript (8)
      • JSP (10)
      • ASP (5)
      • JAVA (2)
      • jQuery (26)
    • App Dev (9)
      • Flutter (0)
      • iPhone (1)
      • Android (7)
    • DBMS (12)
      • Postgresql (0)
      • Oracle (6)
      • SQL Server (3)
      • MySQL (3)
    • Server (3)
      • CentOS (3)
      • Tomcat (0)
    • OS (1)
      • MacOS (1)
      • Windows (0)
  • 방명록

toggle (1)
jQuery 강좌2. 펼침목록 만들기

이번 강좌에서는 펼침목록 만들기를 해보겠습니다. jQuery 를 처음 접하시는 분은 강좌 1부분부터 보시는걸 권장합니다. 그럼 예제1 부분에서 h3 엘리먼트 영역을 클릭시 아래의 엘리먼트 영역이 사라지는 것을 보도록 하지요. 소스 코드는 아래와 같습니다. $(document).ready(function(){ // 예제1 코드 $("#first h3").toggle(function(e){ // 선택자에 toggle이라는 이벤트를 주었습니다. e.preventDefault(); // 아직은 신경쓰지 않으셔도 되는 부분 $(this).next().slideUp(); //next()와 slideUp() 이라는 메서드가 보입니다. },function(e){ e.preventDefault(); $(this).nex..

Web Dev/jQuery 2013. 3. 7. 09:46
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 실시간
  • Drop
  • 제이쿼리
  • jquery
  • attr
  • MySQL
  • jsp
  • Filter
  • 비행기
  • create
  • centOS
  • Oracle
  • Selector
  • javascript
  • ready
  • event
  • android
  • select
  • dom
  • 인천공항
  • focus
  • If
  • asp
  • 항공편
  • regexp
  • html
  • submit
  • Next
  • Click
  • 기초
more
«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바