peachjun's public fiddles
-
โ FAQ
jQuery 2.2.4, HTML, CSS, JavaScript
-
โ FAQ
jQuery 2.2.4, HTML, CSS, JavaScript
-
animate ์์
jQuery 2.2.4, HTML, CSS, JavaScript
-
animate [properties, options.]
jQuery 2.2.4, HTML, CSS, JavaScript
-
.slideToggle([duration],[,complete]
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ํ์ด๋์ธ, ์์ ํจ๊ณผ๋ฅผ ์ฒซ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ฉฐ ํจ๊ณผ๊ฐ ์๋ฃ๋ ๋ค ๋๋ฒ์ฌ ๋งค๊ฐ๋ณ์์ธ ํธ๋ค๋ฌ๋ฅผ ์คํํ๋๊ฒ์ ํ์ด๋์์, ํ์ด๋์ธ ์์ผ๋ก ํ ๊ธํ๋ค
-
.slideToggle([duration],[,complete]
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ํ์ด๋์ธ, ์์ ํจ๊ณผ๋ฅผ ์ฒซ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ฉฐ ํจ๊ณผ๊ฐ ์๋ฃ๋ ๋ค ๋๋ฒ์ฌ ๋งค๊ฐ๋ณ์์ธ ํธ๋ค๋ฌ๋ฅผ ์คํํ๋๊ฒ์ ํ์ด๋์์, ํ์ด๋์ธ ์์ผ๋ก ํ ๊ธํ๋ค
-
.slideUp([duration],complete)
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ์ฌ๋ผ์ด๋ ์ ํจ๊ณผ๋ฅผ ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ์ฌ //ํจ๊ณผ๊ฐ ์๋ฃ๋ํ ๋๋ฒ์ฌ ๋งค๊ฐ๋ณ์์ ํธ๋ค๋ฌ๋ฅผ ์คํํ๋ค.
-
.slideDown([duration],์ ํ์)
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ์ฌ๋ผ์ด๋ ๋ค์ดํจ๊ณผ๋ฅผ ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค
-
.slideDown([duration])
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ์ฌ๋ผ์ด๋ ๋ค์ดํจ๊ณผ๋ฅผ ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค
-
.slideDown([duration])
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ์ฌ๋ผ์ด๋ ๋ค์ดํจ๊ณผ๋ฅผ ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ค
-
fadeIn,out ์์ ์ฝ๋
jQuery 2.2.4, HTML, CSS, JavaScript
-
fadeToggle([duration],[,complete]
jQuery 2.2.4, HTML, CSS, JavaScript
-
.fadeOut([duration],[,complete])
//๋งค๊ฐ๋ณ์์ ์ง์ ํ ์๊ฐ๋งํผ ํ์ด๋์์ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค //๋๋ฒ์งธ ์ต์ ๋งค๊ฐ๋ณ์๋ ํจ๊ณผ๊ฐ ์๋ฃํ ์ ์ฉํ ํธ๋ค๋ฌ๋ฅผ ๋ฑ๋กํ๋ค.
-
.fadeOut([duration])
//๋งค๊ฐ๋ณ์์ ์ง์ ํ ์๊ฐ๋งํผ ํ์ด๋์์ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค //์ธ์๊ฐ์์ผ๋ฉด ๊ธฐ๋ณธ๊ฐ(400)์ผ๋ก ์ ์ฉํ๋ค
-
fadeIn([dutation][,complete])
//์ ํ์๋ฅผ ๊ฐ๋ ์๋ฆฌ๋จผํธ์๊ฒ ํ์ด๋์ธ ํจ๊ณผ๋ฅผ ๋งค๊ฐ๋ณ์๋ก ์ค์ ํ ๊ฐ์ผ๋ก ์ ์ฉํ๋ฉฐ //ํจ๊ณผ๊ฐ ์๋ฃ๋ ํ ๋๋ฒ์ฌ ๋งค๊ฐ๋ณ์์ ํธ๋ค๋ฌ๋ฅผ ์คํํ๋ค
-
fadeIn([dutation])
๋งค๊ฐ๋ณ์์ ์ง์ ํ ์๊ฐ๋งํผ ํ์ด๋์ธ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ค. ์ธ์๊ฐ์์ผ๋ฉด ๊ธฐ๋ณธ๊ฐ(400)์ผ๋ก ์ ์ฉํ๋ค.
-
toggle([duration]๋งค๊ฐ๋ณ์3๊ฐ
//์ ํ์๋ฅผ ๊ฐ๋์์๊ฐ ์จ๊น ์ํ์ผ ๊ฒฝ์ฐ ๋ณด์ด๊ธฐ, ๋ณด์ ์ํ์ผ ๊ฒฝ์ฐ ์จ๊น์ ๋ฐ๋ณตํ๋ค. ๋งค๊ฐ๋ณ์๋ฅผ ์ด์ฉํ์ฌ ํจ๊ณผ ์ ์ฉ์๊ฐ, ์จ๊น/๋ณด์์ด ๋๋ํ ์คํํ ํธ๋ค๋ฌ๋ฅผ ๋ฑ๋กํ ์์๋ค
-
toggle([duration][,complete]
//์ ํ์๋ฅผ ๊ฐ๋์์๊ฐ ์จ๊น ์ํ์ผ ๊ฒฝ์ฐ ๋ณด์ด๊ธฐ, ๋ณด์ ์ํ์ผ ๊ฒฝ์ฐ ์จ๊น์ ๋ฐ๋ณตํ๋ค. ๋งค๊ฐ๋ณ์๋ฅผ ์ด์ฉํ์ฌ ํจ๊ณผ ์ ์ฉ์๊ฐ, ์จ๊น/๋ณด์์ด ๋๋ํ ์คํํ ํธ๋ค๋ฌ๋ฅผ ๋ฑ๋กํ ์์๋ค
-
animate
jQuery 2.2.4, HTML, CSS, JavaScript
-
slide toggle
jQuery 2.2.4, HTML, CSS, JavaScript