효과적으로 div 숨기기

Question

HTML 페이지의 어딘가에 양식을 만들었지 만 표시가 숨겨져 즉시 나타나지 않도록했습니다. 버튼 클릭을 통해 활성화하고 싶었지만 버튼이 클릭 된 위치에 나타나서 버튼 div의 "innerHTML"을 숨겨진 양식의 것으로 설정했습니다. 양식이 나타납니다,하지만 필드에 데이터를 입력 할 수 있도록 허용하지 않습니다 (나는 다른 곳에서 숨겨져 있기 때문에 추측하고 있습니다) 그래서이 방법이 있는지 궁금하네요? 또는 더 나은 대안?

감사

Answer 1

은 전부 양식을 사용하여 버튼을 교체합니다. jQuery를, 당신은 replaceWith()을 사용할 수`none` 및 표시 : block`을 숨길하고

$('#button').replaceWith($('#form').show());