我如何創建一個固定的按鈕，當使用HTML和CSS單擊該按鈕時會打開一個聯系表單？

Question

請檢查示例

示例1（a）固定按鈕
示例1（b），單擊后表單

我創建了固定按鈕，但單擊后無法打開表單。 如果您可以向我提供任何資源或參考資料，使我可以學習如何做，那么這將非常有幫助。

提前致謝。

Answer 1

這是顯示/隱藏元素的非常簡單的slideToggle函數。

 $(function() { $('.sp').click(function() { $('.form-wrapper').slideToggle("slow"); }); }); 

 .sp{ position: absolute; bottom: 0px; right: 0px; cursor: pointer; width: 120px; background-color: gray; } .form-wrapper{ display:none; height: 50px; background-color: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="sp">Slide Me Up <div class="form-wrapper">form goes here</div> </div>