자바 스크립트 내용 숨기기 해제

간단하고 분명해야하지만, 내가 왜 여기 잘못 된거야. 간단한 자바 스크립트 표시/숨기기 콘텐츠. 표시 차단 - 없음과 표시 여부 - 표시/숨김을 모두 시도했습니다. 작동하지 않습니다. npctext_X라는 모든 div 표시가 visible로 설정된 경우 작동합니다. 하지만 난 당신이 CSS 클래스를 사용하여 추가하거나에서 해당 클래스를 제거해야 문제에 대한 모범 사례 및 잠재적 인 솔루션으로자바 스크립트 내용 숨기기 해제

<script type="text/javascript"> 

function npcfunkc(karodyt,senas){ 

var showit = 'npctext_'+karodyt; 
var hideit = 'npctext_'+senas 

//document.getElementById(showit).style.display='block'; 
//document.getElementById(hideit).style.display='none'; 

document.getElementById(showit).style.visibility = 'show'; 
document.getElementById(hideit).style.visibility = 'hidden'; 
} 
</script> 


<div class='npctalk'> 

<div id='npctext_1' style='visibility:visible;'>text 1 text 1 text 1 <br /><br /> 
    <button onclick='npcfunkc(2,1)'>show 2 [hide 1] 
    </button><br /> 
    <button onclick='npcfunkc(3,1)'>show 3 [hide 1] 
    </button><br /> 
</div> 

<div id='npctext_2' style='visibility:hidden;'>text 2 text 2 text 2 <br /><br /> 
    <button onclick='npcfunkc(1,2)'>show 1, [hide 2] 
    </button><br /> 
    <button onclick='npcfunkc(3,2)'>show 3, [hide 2] 
    </button><br /> 
</div> 

<div id='npctext_3' style='visibility:hidden;'>text 3 text 3 text 3 <br /><br /> 
    <button onclick='npcfunkc(2,3)'>show 2, [hide 3] 
    </button><br /> 
    <button onclick='npcfunkc(1,3)'>show 1, [hide 3] 
    </button><br /> 
</div> 

</div>

출처

2011-11-16 fshock

안녕하세요, stackoverflow! 마크 업과 관련된 도움이 필요하면 faq 섹션을 참조하십시오. 마크 업에 대한 코드 들여 쓰기를 편집했습니다. - http://stackoverflow.com/editing-help – Smamatti

YUI 또는 jQuery와 같은 JS 라이브러리를 사용하지 않는 특별한 이유가 있습니까? –

display : block/none을 사용해 보았으므로이 스크립트는 저에게 효과적입니다 – david

...이 대화로 사용됩니다 렸기 때문에 그들을 숨겨해야 너의 물건.

이 Tutorial이 도움이 될 수 있습니다.

출처

2011-11-16 22:23:48 MateusBR

숨기거나 표시 할 객체에서 클래스를 추가하거나 제거하는 것이 가장 좋은 방법은 무엇입니까? – blankabout

@blankabout 객체의 스타일 속성을 직접 설정하는 것보다 클래스를 사용하는 것이 좋습니다. 실제 숨기기 또는 요소 표시 방법을 구현하는 방법은 개발자가 결정해야합니다. – MateusBR

인라인 스타일보다는 CSS를 사용하는 것이 좋지만, 회신을 통해 객체에 클래스를 추가하거나 제거하는 것이 분명히 질문을 숨기거나 표시하는 좋은 방법이 아님을 분명히해야합니다. – blankabout

m 귀하의 기능에 정수를 보내고 있습니다. 다음과 같이 따옴표로 묶어 문자열로 변환하십시오.

npcfunkc("2", "1")

출처

2011-11-16 22:27:04 thesanerone

자바 스크립트 내용 숨기기 해제

답변

관련 문제