如何在ajax成功调用中显示隐藏的div

Question

我正在单页asp.net-mvc5应用程序....

我的代码中有一个隐藏的div,我试图在ajax成功时显示这个div但是失败了......我怎么能实现这一点,我做得对吗???

在放置"显示:无"之前,动画功能在成功时工作正常,现在它不起作用也因为隐藏的性质我猜...

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>

阿贾克斯

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

如果有人帮忙,任何形式的帮助将不胜感激....感谢您的时间:)

Answer 1

对于

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

你可以用它展示秀()一样

$('#contact-us').show();

所以,将代码更新为

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" });
            $('#contact-us').show();
            $('html, body').animate({ scrollTop: $('#contact-us').offset().top }, 'slow');
        },
        error: console.log("it did not work"),
    });