title: how to show hidden div on ajax success call
body: <p>I am working on single page asp.net-mvc5 application....</p>
  
  <p>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???</p>
  
  <blockquote>
    <p>Before putting "Display:None", animate function was working fine on
    success, now its not working also due to hidden nature i guess... </p>
  </blockquote>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section class="block remove-top" id="contact-us" style="display: none;"&gt;
  &lt;form method="post" action="" name="contactform" id="contactform"&gt;
  &lt;div class="row"&gt;
  &lt;input name="FirstName" type="text" id="FirstName"/&gt;
  &lt;input type="submit" class="submit" id="btnSubmit" value="Submit" /&gt;
  &lt;/form&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p><strong>Ajax</strong></p>
  
  <pre><code>&lt;script&gt;
      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"),
      });
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>Please if someone help, any kind of help will be appreciated....thanks for your time:)</p>