How do I create a fixed button which opens a contact form when clicked using HTML & CSS?

Please check the example

Example 1 , Fixed button
example image 2 After Click form,( in case you don't want to open the link)

I had 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.

Answers 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>


Related Articles