Jquery .click顯示/隱藏

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的在你的提琴
2. 你的收盤)}實際上應該是})
3. 當使用CSS隱藏元素，請使用display: none;

更新小提琴：http://jsfiddle.net/rvfhu/6/