Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 모바일
- 태국
- 서브라임
- 컴퓨터
- 윈도우11
- 윈도우10
- GIT
- 설정
- HTML
- INPUT
- CODE
- CSS
- 제이쿼리
- sublime text
- 단축키
- 에이펙스레전드
- Scss
- 서브라임 텍스트
- 포토샵
- 아이폰
- 티스토리챌린지
- 오블완
- 윈도우
- VS
- 컴파일
- vscode
- 알리익스프레스
- SM5
- Sass
- Github
Archives
- Today
- Total
목록auto (1)
web sprit
[jQuery] animate() 로 height auto 토글효과 버튼 만들기.
제이쿼리의 animate 메서드로 접혓다 펼쳐지는 토글 형식의 animation 을 만들려면 height 의 값을 알고 그것에 대한 값을 animate 메서드에 전달 해줘야 작동할 수 있습니다. 기존의 toggle 메서드를 이용하여 toggle 메뉴를 만들 수 있지만 ,toggle 메서드는 style 값으로 width 값까지 제어하는 현상이 일어나면서 이상하게 접혓다 펼쳐짐을 확인하였습니다. 그래서 알아본 결과 animate 메서드로 height 를 이용하기로 하였는데 height 값으로 auto를 주면 접혓다 펼처지나 animation 효과는 나타나지 않습니다. 효과를 나타내려면 height 값을 auto로 주지말고 초기값을 전달해 줘야 합니다. (0px 이면 0px이라는 것을 전달.) 다음과 같은 트..
스크립트/J-Query
2017. 6. 11. 19:50