»çÀÌµå ¸Þ´º¿¡¼­ DropdownÀÇ ¼­ºê ¸Þ´º°¡ ¿©·¯°³À϶§ ÇØ´ç DropdownÀÇ ¼­ºê ¸Þ´º¸¸ ³ª¿Àµµ·Ï

   Á¶È¸ 661   Ãßõ 0    

서브 메뉴가 1080;lj16; 사1060;드 메뉴에서 

클릭했1012; ǐ12; 

dropdown-container 1060; dispay open 상태에서


1060;/111;,172; .104;1648; 않고 아래와 같1060; .104;도/197; Ȣ16;고 dz10;1008;데...



1593;

Dropdown 를 클릭했다가

Dropdown 22 를 클릭Ȣ16;면 1060;1204;1032; Dropdown1032; 서브 메뉴lj16; 닫7176;도/197; Ȣ16;고 dz10;1008;데....

1088;0148;스크립트 함수를 아무리 해도 .104;1648; 않습니다.


아래1032; 링크에서 1649;1217; 해보시면 .121;니다.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_dropdown


1060;,163;1008; 1088;0148;스크립트를 1096; 아시lj16; ǥ16;1060;라야 

가능합니다.

예전에 나를 도와준 마틴님이란 분이 있어 그분을 기억합니다.
2cpu의 도움주신 많은 분들께 늘 감사드립니다.
☎ HP 010-9678-7900
ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
ÇѲ¿Çª 03-23
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Àß ¸ð¸¨´Ï´Ù. ±×·¡¼­ ChatGPT¿¡ ¹®ÀÇÇß½À´Ï´Ù.

/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;

for (i = 0; i < dropdown.length; i++) {
  dropdown[i].addEventListener("click", function() {
    // Close all dropdowns first
    var dropdowns = document.getElementsByClassName("dropdown-container");
    for (var j = 0; j < dropdowns.length; j++) {
      dropdowns[j].style.display = "none";
    }
    var buttons = document.getElementsByClassName("dropdown-btn");
    for (var k = 0; k < buttons.length; k++) {
      buttons[k].classList.remove("active");
    }
   
    // Then toggle the clicked dropdown
    this.classList.toggle("active");
    var dropdownContent = this.nextElementSibling;
    if (dropdownContent.style.display === "block") {
      dropdownContent.style.display = "none";
    } else {
      dropdownContent.style.display = "block";
    }
  });
}

¶ó´Â Äڵ带 ¾Ë·ÁÁÖ´õ±º¿ä.. µ¿ÀÛÀº.. ÇÕ´Ï´Ù.
°¨»çµå¸³´Ï´Ù.
¿ÀÈÄ¿¡ Çغ¸°Ú½À´Ï´Ù.

µµ»ç´Ôµé~~ ´óÅ¥ÀÔ´Ï´Ù.
     
¾Ñ ÁË¼Û Çϳª ¿­¸é  Çϳª´ÝÈ÷´Â°Å´Â ¾Æ´Õ´Ï´Ù
          
¸Â½À´Ï´Ù
ÇÑ°³¸¸ ¿­·Á¾ß ÇÕ´Ï´Ù
±âÁ¸ÀÇ °ÍÀº ¸ðµÎ ´ÝÇô¾ß ÇÕ´Ï´Ù


QnA
Á¦¸ñPage 21/437
2022-12   3918   ¹Ú»óÇö
2023-12   884   yummy
2022-11   2085   Noman
2023-12   1161   ¼ÒǪ
2022-11   2020   RiTA
2023-12   901   Noman
2022-11   977   ±¸Â÷´Ï
2023-12   1076   ÇÁ¸®·¹º§
2022-11   1778   È­¶õ
2023-12   774   ±â¾ïÀ»¸Ó±Ý¡¦
2022-11   1776   ¾îÄg
2023-12   680   ¹«½î»Ôó·³
2022-11   713   ÀÓ»óÇölsh
2022-11   1095   LevinF
2023-12   783   ÇÁ¸®¶óÀÌÇÁ
2022-11   2254   ¹Ú¹®Çü
2023-12   570   osthek83
2022-11   975   L2½ºÀ§Ä¡
2023-12   900   ¼­¿ïI±èµ¿¼ö
2022-11   2571   ¸í¶û