ȨÀ¸·Î | ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
jQuery show() - hide() - toggle() »ç¿ë¹ý
6³â Àü
1. show() & hide() Example
$("#tagID").show(); // display ¼Ó¼ºÀ» block À¸·Î ¹Ù²Û´Ù.
$("#tagID").hide(); // display ¼Ó¼ºÀ» none À¸·Î ¹Ù²Û´Ù.

º¸¿©Áְųª °¨Ãß°í ½ÍÀº ÅÂ±× ID¸¦ ³Ö¾îÁÖ¸é µË´Ï´Ù. °£´ÜÇÕ´Ï´Ù.

2. show() / hide() Syntax

´õ Á¤È®ÇÑ ¹®¹ýÀº ´ÙÀ½°ú °°½À´Ï´Ù.
$(selector).show(speed,callback);
$(selector).hide(speed,callback);

◦selector - ÅÂ±× ID °ª ¶Ç´Â ¼±ÅÃÇÒ ³ëµåµéÀÇ ¼¿·ºÅÍ ±¸¹®À» ³Ö¾îÁÝ´Ï´Ù.
◦speed(optional) - "slow", "fast", ¶Ç´Â ¹Ð¸®¼¼ÄÁµåÀÇ ¼ýÀÚ¸¦ ³Ö¾îÁÖ¸é º¸¿©Áְųª °¨Ãâ ¼Óµµ¸¦ Á¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
◦callback(optional) - Äݹé ÇÔ¼ö¸¦ ¼³Á¤Çϸé show()/hide() ÇÔ¼ö ¿Ï·á ÈÄ ½ÇÇàµË´Ï´Ù.

Á¤È®ÇÑ ÀÌÇØ¸¦ À§ÇØ ¿¹Á¦ Äڵ带 º¸¸é ÁÁ°ÚÁÒ? ¿©±â¸¦ Ŭ¸¯Çؼ­ ¿¬½ÀÇսôÙ.

3. show() / hide() Complex Example

¿¹Àü¿£ ÀÌ·±½ÄÀÇ Äڵ嵵 ¸¹ÀÌ »ç¿ëÇß¾ú½À´Ï´Ù. Áö±Ýµµ »ç¿ë °¡´ÉÇÕ´Ï´Ù.
function toggle_layer() {
        if($("#layer").css("display") == "none"){
                $("#layer").show();
        }else{
                $("#layer").hide();
        }
}

À§¿Í °°Àº ÇÔ¼ö¸¦ ¸¸µé¶© ¿©·¯°¡Áö º¹ÇÕÀûÀ¸·Î 󸮸¦ ÇÒ ¶§ °¡²û »ç¿ëÇϸé ÁÁ°ÚÁÒ. ÇÏÁö¸¸ ´Ü¼øÇÑ on/off ±â´ÉÀÌ ÇÊ¿äÇÏ´Ù¸é toggle() ÇÔ¼ö¸¦ ½áº¾½Ã´Ù.

4. toggle() Example
$("#tagID").toggle(); // show -> hide , hide -> show

toggle()À» »ç¿ëÇÏ°Ô µÇ¸é ÀÌÀü »óÅ¿¡ µû¶ó ÇöÀç »óŸ¦ ¹Ý´ë·Î ¹Ù²ãÁÝ´Ï´Ù.

5. toggle() Syntax
$(selector).toggle(speed,callback);

◦selector - ÅÂ±× ID °ª ¶Ç´Â ¼±ÅÃÇÒ ³ëµåµéÀÇ ¼¿·ºÅÍ ±¸¹®À» ³Ö¾îÁÝ´Ï´Ù.
◦speed(optional) - "slow", "fast", ¶Ç´Â ¹Ð¸®¼¼ÄÁµåÀÇ ¼ýÀÚ¸¦ ³Ö¾îÁÖ¸é º¸¿©Áְųª °¨Ãâ ¼Óµµ¸¦ Á¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
◦callback(optional) - Äݹé ÇÔ¼ö¸¦ ¼³Á¤Çϸé toggle() ÇÔ¼ö ¿Ï·á ÈÄ ½ÇÇàµË´Ï´Ù.
ÃßõÃßõ : 198 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,033
 PHP Á¤±Ô½Ä Á¤¸®
3,032
 PHP Á¤±Ô½ÄÀ» Ȱ¿ëÇÑ ÅÂ±× ¹× ƯÁ¤ ¹®ÀÚ¿­ Á¦°Å ¹× ÃßÃâ ¹æ¹ý
3,031
 php Å©·Ñ¸µ ¶Ç´Â ÆÄ½Ì ÇÔ¼ö, Á¤±Ô½Ä ¸ðÀ½
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
3,021
 ¿©·¯ µµ¸ÞÀÎµé °£ ÄíŰ °øÀ¯Çϱâ
3,020
 ÅÂ±× »çÀÌ¿¡ ÀÖ´Â ÅØ½ºÆ®¸¦ ÃßÃâ
3,019
 [JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
3,018
 ÄíŰ »ý¼º,°¡Á®¿À±â,»èÁ¦
3,017
 »ç¿ëÀÚ ÇÔ¼ö ¸ðÀ½
3,016
 ¸¶¿ì½º,Űº¸µå Á¦ÇÑ ( ¿À¸¥ÂÊŬ¸¯,µå·¡±×,¿µ¿ª¼±Åõî..)
3,015
 [HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
3,014
 HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
3,013
 PHP - ƯÁ¤ ÅÂ±× ¹× ¹®ÀÚ¿­ ÃßÃâ, Á¦°Å
3,012
 [PHP] define°ú definedÀÇ Â÷ÀÌ
3,011
 ¿ìŬ¸¯ ¿Ïº®Â÷´Ü ½ºÅ©¸³Æ®
3,010
 iframe ³ôÀÌ 100% ¸ÂÃß±â
3,009
 curl ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ HTTP REFERER º¯°æ
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.