사용자의 요청에 따라 지침을 표시하려면 어떻게합니까?

Question

다양한 클라이언트가 프로필을 작성하기 위해 로그인 할 때 필요한 정보를 제공해야합니다. 나는이 목적을 위해 HTML과 Javascript를 사용할 것이다. 내가 원하는 것은 간결한 일련의 지침과 그 다음에 더 자세한 지침을 표시하는 옵션입니다. 클라이언트가보다 자세한 지침을 보도록 선택하면 필드 (이상적으로)가 확장되어 더 많은 내용을 표시합니다.

비슷한 결과를 얻는 다른 아이디어도 환영합니다. 간단히 말해 올바른 방향으로 나를 가리키는 설명입니다. 예비 연구가 내게 많이 도움이되지 않았다. 나는 이것이 초보자이고 무엇을 찾을 지 모르기 때문에 주로 상상한다. 이것은 조건부 가시성 문제입니까, 아니면 완전히 다른 것입니까?

도움을 주셔서 감사합니다.

Answer 1

디스플레이가 처음으로 none으로 설정된 별도의 컨테이너 요소에 숨겨진 컨텐츠를 배치하십시오. 그런 다음 내용을 표시하는 링크에 onclick 핸들러를 추가하십시오. 그 처리기는 표시 값을 block 또는 inline으로 설정해야합니다. 그것을하기위한 한 가지 방법이 있습니다 (많은 것들이 있습니다).

<p> 
    [Instruction text here] 
    <a href="#" onclick="expandContent(this)">more ...</a><span class="more"> 
    [Additional content here]</span> 
</p> 

일부 CSS 처음 추가 콘텐츠를 숨길 수 :

.more 
{ 
    display: none; 
} 

이 expandContent() 함수를 만듭니다 :

function expandContent(link) 
{ 
    link.nextSibling.style.display = "inline"; 
}