ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

jQuery show() - hide() - toggle() »ç¿ë¹ý
7³â Àü
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() ÇÔ¼ö ¿Ï·á ÈÄ ½ÇÇàµË´Ï´Ù.
ÃßõÃßõ : 256 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,855
HTML <Audio> »ç¿ë¹ý
2,854
À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (ÃÊ°£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
2,853
PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆľÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
2,852
[CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
2,851
CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
2,850
¿©·¯ µµ¸ÞÀÎµé °£ ÄíÅ° °øÀ¯Çϱâ
2,849
ÅÂ±× »çÀÌ¿¡ ÀÖ´Â ÅؽºÆ®¸¦ ÃßÃâ
2,848
[JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
2,847
ÄíÅ° »ý¼º,°¡Á®¿À±â,»èÁ¦
2,846
»ç¿ëÀÚ ÇÔ¼ö ¸ðÀ½
2,845
¸¶¿ì½º,Å°º¸µå Á¦ÇÑ ( ¿À¸¥ÂÊŬ¸¯,µå·¡±×,¿µ¿ª¼±Åõî..)
2,844
[HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
2,843
HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
2,842
PHP - ƯÁ¤ ÅÂ±× ¹× ¹®ÀÚ¿­ ÃßÃâ, Á¦°Å
2,841
[PHP] define°ú definedÀÇ Â÷ÀÌ
2,840
¿ìŬ¸¯ ¿Ïº®Â÷´Ü ½ºÅ©¸³Æ®
2,839
iframe ³ôÀÌ 100% ¸ÂÃß±â
2,838
curl ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ HTTP REFERER º¯°æ
2,837
À©µµ¿ì10 ½Ã½ºÅÛ ÆÄÀÏ ¹× Dism °Ë»ç
2,836
ÅؽºÆ® ÁٹٲÞ, ±ÛÀÚÀÚ¸£±â CSS
2,835
jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
2,834
[PHP] dirname()ÇÔ¼ö¿Í $_SERVER °ü·Ã »ó¼öµé
2,833
[PHP] ÆÄÀÏ Å©±â, »çÀÌÁî ºÒ·¯¿À´Â ÇÔ¼ö, filesize()
2,832
[jQuery] jQuery Quick API
2,831
[ transition ] ¸µÅ© hover »ö»ó º¯È­ ¼Óµµ Á¶Àý
2,830
PHP 5.3.0 ¿¡¼­ »ç¶óÁø ÇÔ¼öµé ´ëü
2,829
¾î¶² ÆÄÀϵéÀÌ include ³ª require µÇ¾ú´ÂÁö È®ÀÎÇÏ´Â ÇÔ¼ö(get_included_files)
2,828
PHP ³¯Â¥ Çü½Ä ¹× °è»êÇϱâ(³¯Â¥ ´õÇÏ°í »©±â)
2,827
jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
2,826
°ªÀÌ ¹è¿­ ¾È¿¡ Á¸ÀçÇÏ´ÂÁö È®ÀÎÇÏ´Â in_arrayÇÔ¼ö
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.