I am working on single page asp.net-mvc5 application....

I have a hidden div in my code, i tried to show this div on ajax success but failed...How can i achieve that, am i doing it right???

Before putting Display:None, animate function was working fine on
success, now its not working also due to hidden nature i guess...

HTML

<section class=block remove-top id=contact-us style=display: none;>

<form method=post action= name=contactform id=contactform>

<div class=row>

<input name=FirstName type=text id=FirstName/>

<input type=submit class=submit id=btnSubmit value=Submit />

</form>

</section>

Ajax

<script>

    function packageSelect(PackageId) {

        $.ajax({

        type: POST,

        url: '@Url.Action(SelectPackage, Home)',

        dataType: JSon,

        data: { PackageId: PackageId },

        success: function (data) {

            console.log(data);

            //$(#SecondInfo).focus({ scrollTop: 0px });

            $('html, body').animate({ scrollTop: $('#contact-us').offset().top }, 'slow');

        },

        error: console.log(it did not work),

    });

};

</script>

Please if someone help, any kind of help will be appreciated....thanks for your time:)