我如何创建一个固定的按钮，当使用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>