전체댓글수 4

• 란씨 12-08-07 13:04 질문자가 질문 해결에 도움이 되어 선택한 답변입니다.

  소스보기

• function open_menu(v){
    var a=document.getElementById('p'+v).style.display;
    for(i=1;i<=2;i++){
      document.getElementById('p'+i).style.display = 'none';
    }
    document.getElementById('p'+v).style.display=(a=='none')?'block':'none';
  }
  이런 방법도 있습니다~ 갯수가 많을때 편하겠죠 :-)

• function open_menu(v){
  
    var a=document.getElementById('p'+v).style.display;
  
    for(i=1;i<=2;i++){
  
      document.getElementById('p'+i).style.display = 'none';
  
    }
  
    document.getElementById('p'+v).style.display=(a=='none')?'block':'none';
  
  }
  
  이런 방법도 있습니다~ 갯수가 많을때 편하겠죠 :-)

function open_menu(v){ var a=document.getElementById('p'+v).style.display; for(i=1;i<=2;i++){ document.getElementById('p'+i).style.display = 'none'; } document.getElementById('p'+v).style.display=(a=='none')?'block':'none'; } 이런 방법도 있습니다~ 갯수가 많을때 편하겠죠 :-)
• 티렉스 12-08-07 14:07

  소스보기

• 어쩌면 이렇게 간편한 방법이 있을까요 너무나 감사합니다 ㅠㅠㅠㅠㅠㅠㅠ

• 어쩌면 이렇게 간편한 방법이 있을까요 너무나 감사합니다 ㅠㅠㅠㅠㅠㅠㅠ

어쩌면 이렇게 간편한 방법이 있을까요 너무나 감사합니다 ㅠㅠㅠㅠㅠㅠㅠ

• 셀프멘토 12-08-07 12:57

  소스보기

• 아래처럼 코딩을 하는것이 일반적일 것 입니다.
  
  function open_menu(v){
            var p1=document.getElementById('p1');
            var p2=document.getElementById('p2');
            if(v==1){
                    p1.style.display="block"; 
                    p2.style.display="none";
            }else{
                      p1.style.display="none"; 
                      p2.style.display="block";
            }
   }
  <input type="radio"  onclick="open_menu(1)" name="rdo">
  <input type="radio"  onclick="open_menu(2)" name="rdo">
  
  <div id="p1"  style="display:none"> 1번 레이어 </div>
  <div id="p2"  style="display:none"> 2번 레이어 </div>
  
  참고 : 일반적으로 radio 버튼은 이름이 같아야 중복 체크가 안되는 걸로 알고 있습니다.
  대상 레이어(div)가 많을경우 class 명으로 컨트롤 하는것이 편할것 입니다.

• 아래처럼 코딩을 하는것이 일반적일 것 입니다.
  
  
  
  function open_menu(v){
  
            var p1=document.getElementById('p1');
  
            var p2=document.getElementById('p2');
  
            if(v==1){
  
                     p1.style.display="block";  
  
                     p2.style.display="none";
  
             }else{
  
                      p1.style.display="none";  
  
                      p2.style.display="block";
  
             }
  
   }
  
  <input type="radio"  onclick="open_menu(1)" name="rdo">
  
  <input type="radio"  onclick="open_menu(2)" name="rdo">
  
  
  
  <div id="p1"  style="display:none"> 1번 레이어 </div>
  
  <div id="p2"  style="display:none"> 2번 레이어 </div>
  
  
  
  참고 : 일반적으로 radio 버튼은 이름이 같아야 중복 체크가 안되는 걸로 알고 있습니다.
  
  대상 레이어(div)가 많을경우 class 명으로 컨트롤 하는것이 편할것 입니다.

아래처럼 코딩을 하는것이 일반적일 것 입니다. function open_menu(v){ var p1=document.getElementById('p1'); var p2=document.getElementById('p2'); if(v==1){ p1.style.display="block"; p2.style.display="none"; }else{ p1.style.display="none"; p2.style.display="block"; } } <input type="radio" onclick="open_menu(1)" name="rdo"> <input type="radio" onclick="open_menu(2)" name="rdo"> <div id="p1" style="display:none"> 1번 레이어 </div> <div id="p2" style="display:none"> 2번 레이어 </div> 참고 : 일반적으로 radio 버튼은 이름이 같아야 중복 체크가 안되는 걸로 알고 있습니다. 대상 레이어(div)가 많을경우 class 명으로 컨트롤 하는것이 편할것 입니다.
• 티렉스 12-08-07 14:08

  소스보기

• 채택은 한개밖에 못해서 하지 않았지만 소스도 너무 감사드리고 조언도 감사드립니다.
  친절한 답변 감사드리고 class로 컨트롤하는 것도 생각을 해보겠습니다. 정말 감사합니다.

• 채택은 한개밖에 못해서 하지 않았지만 소스도 너무 감사드리고 조언도 감사드립니다.
  
  친절한 답변 감사드리고 class로 컨트롤하는 것도 생각을 해보겠습니다. 정말 감사합니다.

채택은 한개밖에 못해서 하지 않았지만 소스도 너무 감사드리고 조언도 감사드립니다. 친절한 답변 감사드리고 class로 컨트롤하는 것도 생각을 해보겠습니다. 정말 감사합니다.