我如何创建一个固定的按钮，当使用HTML和CSS单击该按钮时会打开一个联系表单？

Question

Please check the example

Example 1(a) , Fixed button
Example 1(b) , After Click form

I have created the fixed button but I'm not able to open the form on click. It will be very helpful if you can provide me with any resource or reference where I can learn how to make this.

Thanks in Advance.

Answer 1

This is pretty simple slideToggle function which show/hide element.

 $(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>