표시 할 하위 메뉴 만들기

Question

안녕하세요. 문제가 생겨서 알아낼 수 없습니다. 나는 위장 할 수없는 하나의 하위 메뉴를 만드는 것처럼 보인다. 예 : About.php에있을 때 아래 코드에 따라 상수 하위 메뉴가 있습니다. 그래서 Info를 클릭하여 다른 하위 메뉴를 팝업하면 상수 하위 메뉴를 닫고 새로 열려고합니다. 그 아래에 다른 하위 메뉴를 쓰지 않을뿐입니다. 나는 그것이 자바 스크립트 나 PHP에 어떤 형태인지는 상관하지 않는다. 그냥 간단하게 내가 어떻게 할 수 싶습니다, 당신은 나의 JS 파일이 필요한 경우 : JS FILE

코드 :

 <div id="div_2" style="display:none"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
       <li><a href="videos.php">VIDEOS</a></li> 
       <li><a href="photos.php">PHOTOS</a></li> 
       <li><a href="uploader.php">UPLOAD</a></li> 
       <li><a href="http://www.isgclan.com/files.php">FILES</a></li> 
     </ul> 
     </div> 
     </div> 

       <div id="div_3" style="display:none"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
       <li><a href="about.php">ABOUT</a></li> 
       <li><a href="contact.php">CONTACT</a></li> 
     </ul> 
     </div> 
     </div>'; 
    if ($sub == 'gallery') 
     echo '<div id="div_1" style="display:none"></div> 
     <div id="div_2"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
       <li><a href="videos.php">VIDEOS</a></li> 
       <li><a href="photos.php">PHOTOS</a></li> 
       <li><a href="uploader.php">UPLOAD</a></li> 
       <li><a href="http://www.isgclan.com/files.php">FILES</a></li> 
     </ul> 
     </div> 
     </div> 

       <div id="div_3" style="display:none"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
      <li><a href="about.php">ABOUT</a></li> 
       <li><a href="contact.php">CONTACT</a></li> 
      </ul> 
     </div> 
     </div>'; 
     if ($sub == 'about') 
     echo ' 
       <div id="div_1"></div> 

     <div id="div_2" style="display:none"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
       <li><a href="videos.php">VIDEOS</a></li> 
       <li><a href="photos.php">PHOTOS</a></li> 
       <li><a href="uploader.php">UPLOAD</a></li> 
       <li><a href="http://www.isgclan.com/files.php">FILES</a></li> 
     </ul> 
     </div> 
     </div> 

       <div id="div_3"> 
     <div id="sub-menu"> 
     <ul class="menu"> 
      <li><a href="about.php">ABOUT</a></li> 
       <li><a href="contact.php">CONTACT</a></li> 
     </ul> 
     </div> 
     </div>'; 
?> 


<?php 
    if ($bar == 'about') 
     echo ' 
     <li><a href="about.php">ABOUT</a></li> 
      <li><a href="contact.php">CONTACT</a></li>'; 
     if ($bar == 'gallery') 
      echo ' 
      <li><a href="videos.php">VIDEOS</a></li> 
      <li><a href="photos.php">PHOTOS</a></li> 
      <li><a href="uploader.php">UPLOAD</a></li> 
      <li><a href="http://www.isgclan.com/files.php">FILES</a></li>'; 
?> 

Answer 1

당신은 당신의 HTML에 id="sub-menu"을 반복하고 있습니다.

은 이고, 하나의 요소는이다.

CLASS는이/반복 여러 요소 재사용 될 수있다.

JS 파일을보고 ... getElementById(elemId)을 사용하여 적어도 2 ~ 3 개의 요소를 동시에 사용하려고합니다. 코드를 실행하지 않았지만 오류가 발생했을 것입니다.

HTML에서 - 하위 메뉴 중 하나에 고유 한 ID를 설정하십시오 (id="sub_menu_1"). 그런 다음 JS getElementById('sub_menu_1')에서 같은 ID를 사용하여 상황이 개선되는지 확인하십시오.

Answer 2

당신은 두 개의 "a_title_2"ID 명명 된 객체가이

<a id="a_title_3" onclick="SetCurrent(3);return false;"><span>INFO</span></a> 

처럼이 줄을 변경해야합니다.

<a id="a_title_2" onclick="SetCurrent(2);return false;" href="#" class=""><span>GALLERY</span></a> 

<a id="a_title_2" onclick="SetCurrent(3);return false;" class="current"><span>INFO</span></a> 

'3'으로 변경하면 문제가 없습니다.