Jquery .click show/hide

Question

안녕하세요 저는 보내기 버튼을 클릭 할 때 양식을 숨기고 메시지를 표시하려고합니다. 나는 document.ready 함수에있는 많은 것들을 시도했다. 그러나 그것은 수정 된 것보다 더 많은 에러를 일으키는 것으로 보였다. 이것은 코드가 현재 서있는 방식입니다.

    <form class="contact"> 
        <p class="contact-name"> 
         <label class="contact-author">Name*</label> 
         <input class="input-name" type="text" name="name" placeholder="Your name"><br> 
        </p> 
        <p class="contact-email"> 
         <label class="contact-author">Email*</label> 
         <input class="input-email" type="email" name="email" placeholder="Email Address"><br> 
        </p> 
        <p class="contact-msg"> 
         <label class="contact-author">Message*</label> 
         <textarea class="input-msg" type="text" name="comments" maxlength="1000" placeholder="Enter your message"></textarea><br> 
        </p> 
        <p class="contact-send"> 
         <input class="input-send" id="send" type="submit" value="Send" name="submit"> 
        </p> 
       </form> 
         <div id="send-msg" style="visibility:hidden;"> 
          <p>Thanks your message has been sent!</p> 
         </div> 


$('#send').click(function() { 
$('.contact').hide(); 
$('#send-msg').show(); 
)}; 

JSFiddle - http://jsfiddle.net/rvfhu/

Answer 1

몇 가지 :

1. 당신은 당신의 바이올린에 jQuery를 포함하는 것을 잊었다에 CSS를 사용하는 경우
2. 귀하의 폐쇄 )} 실제로 })
3. 해야한다 요소 숨기기, display: none;

업데이트 바이올린 : http://jsfiddle.net/rvfhu/6/