2012-05-25 2 views
1

다양한 컨텐츠를 제공하는 DIV의 가시성을 제어하고자하는 메뉴 막대가 있습니다. 현재 DIV의 가시성과 투명성은 제어되지만 동일한 버튼을 클릭하면 제어됩니다. 내가하고 싶은 일은 메뉴에서 선택한 버튼을 사용하여 이전 DIV를 보이지 않게하고 선택한 DIV의 가시성으로 바꾸는 것입니다.버튼을 사용하여 DIV 컨트롤 표시/숨기기

가능합니까? 나는 다음과 같이 DIV가 불러 사용하고 스크립트는 :

<"javascript:unhide('unique DIV id goes here');"> 

어떤 도움에 감사! 감사합니다.

+3

예, 가능합니다. 무엇을 시도 했습니까? –

답변

3

display 속성이 필요하다고 생각합니다. 일부 일반 물건 : - 교체 할 경우 visibility: hidden \ visible

  • 을 - display의 요소가 페이지에서 공간을 차지 중지되는 것을 display: none \ block
  • 의 차이를

    • 당신이 원하는 경우 숨기는 것입니다 visibility에서 그들은 공간을 차지하지만 당신은 그들을 보지 못합니다.

      그래서이 시도 :

      function unhide(id){ 
          document.getElementById(id).display = 'none'; 
      } 
      
    +1

    방금 ​​속성의 값을 따옴표를 잊어 버렸습니다 :'document.getElementById (id) .display = 'none'; ' – rcdmk

    +0

    맞습니다! 감사. –

    +0

    응답 해 주셔서 감사합니다. 죄송 합니다만 조금 혼란 스럽습니다. 다음 중 CSS를 사용해야하는 경우 : <.hidden {display : none; } .unhidden {display : block; }> 또는 <.hidden {visibility : hidden; } .unhidden {visibility : visible; }> 또한 현재 사용중인 스크립트입니다. 제안 사항으로 바꾸시겠습니까? 감사합니다. –

    관련 문제