자동 헤드 가시적 인 어린이 요소

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';

이 샘플을 수행 한 후에도 여전히 어린이를 볼 수 있습니다.

참고 : Windows XP에서 오페라 사용

Answer 1

사용해보십시오

$('parentDiv').style.display = "none";

그런 다음 눈에 띄게합니다

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