How to show Form on click?

Question

I have navbar with 2 buttons where i want when click specific button to open their form, but seems javascript is not working.

As code is big im giving you a snippet for form and navbar on demo please check bellow:

Here is DEMO

I have post my whole css so there you can see some junk stuff.

I have try with bootstrap modals but still is not working.

Answer 1

[BUTTON] = ID/Class of the button. [FORM] = ID that you gave the form.

$(document).ready(function(){
    $("[BUTTON]").on("click", function(){
        $("[FORM]").fadeIn();
    });
});

Or you can do it with change the css

$(document).ready(function(){
    $("[BUTTON]").on("click", function(){
        $("[FORM]").css('display', 'block');
    });
});