해당 링크를 클릭 할 때 텍스트 영역이 링크로 바뀝니다.

Question

나는 stackoverflow에 "덧글 추가"효과와 똑같이하고 싶습니다. 사용자가 링크 (또는 버튼)를 클릭 할 때 텍스트 영역을 여는 방법에 대한 많은 정보를 발견했으나이를 수행 할 방법을 찾지 못했습니다.

"이메일로 비문"

<div class="end-right-zone"> 
    <p>Inscription by e-mail</p> 
</div> 

의 사용자 클릭이 영역은 이메일로 등록하는 데 필요한 다양한 정보로 대체되는 경우 :

<div class="inscription-by-email-deployed"> 
    <p>first name</p> 
    <p>last name</p> 
    <p>email</p> 
</div> 

그대로 나는 많은 예제를 개발하지 않는다 stackoverflow에 "덧글 추가"효과와 정확히 동일합니다. 미리 감사드립니다.

Answer 1

아마도 (jQuery를 사용하여) 이와 같은 것을 원하십니까? ** **`.inscription별로 이메일 deployed`을 포함합니다

$(".end-right-zone p").click(function() { 
    $(".end-right-zone").replaceWith($(".inscription-by-email-deployed")); 
});