Trying to change an Appointment Forms slideUp slideDown position when page loads

Trying to change an Appointment Forms slideUp slideDown position when page loads

Trying to get an Appointment Form's slideUp slideDown position reversed, on page load

When the page loads, the form is up, I want it to be in the down position.

This is the code


    /*-----------------------------------------------------------------*/
    /* Appointment Form
    /*-----------------------------------------------------------------*/
    $('.make-appoint').click(function () {
        var $this = $(this);
        var appointment_form = $this.parents('.appointment').find('.appointment-form');
        if ($this.hasClass('open')) {
            appointment_form.slideDown(500);
            $this.removeClass('open');
        } else {
            appointment_form.slideUp(500);
            $this.addClass('open');
        }
    });


This is the form


Click the MAKE APPOINTMENT button … I want that to be the starting position.




Thanks in Advance, if anybody knows how to do this.