보이는 자식 요소 자동 숨기기

Question

HTML, JavaScript 및 CSS를 사용하여 프로토 타입을 만들고 있습니다. 프로토 타입은 모바일 장치에서 실행되는 응용 프로그램 제품군을위한 것입니다. 각 화면은 자체 DIV에 내장되어 있습니다. 하나의 홈 화면과 여러 개의 화면이 있습니다.

사용자는 언제든지 홈 화면으로 덤프 할 수 있어야합니다. 각 화면에는 기본적으로 표시되는 특정 요소와 특정 동작에 따라 구체적으로 표시되는 기타 요소가 있습니다.

내가 겪고있는 문제는 화면 DIV 중 하나를 숨김으로 설정할 때 내가 특별히 만든 DIV의 하위 요소를 계속 볼 수 있다는 것입니다. 대상 DIV의 모든 자식 요소를 숨기는 기존 코드가 있음을 알고 있지만, 내가 만든 코드를 숨기고 싶습니다.

저에게 도움이 될 코드가 있습니까? 이 문제를 해결할 수있는 방법을 개념화 할 수는 있지만 바퀴를 재발견하고 싶지는 않습니다.

샘플 HTML :

<div id="parentDiv"> 
    <span id="childElement" style="visibility:hidden"></span> 
</div> 

샘플 자바 스크립트 :

$('childElement').style.visibility = 'visible'; 
$('parentDiv').style.visibility = 'hidden'; 

이 샘플을 수행 한 후, 나는 아직도 childElement을 볼 수 있습니다.

참고 : Windows XP

Answer 1

에 오페라를 사용하여 그것은 코드를 보지 않고이 문제를 디버깅하기 어렵다

$('parentDiv').style.display = "block"