title: Hide div after sorting
body: <p>I have Google Maps with properties pins, and a search box below it. After the user clicks on "sort", pins are shown based on user's criteria. I'm looking for a solution that would allow me to hide the search box, and only leave the box "Show search", instead of "Sort".</p>
  
  <p>Here is the image how it currently looks:
  <a href="https://i.imgur.com/S1q1xNH.jpg" rel="nofollow noreferrer">http://i.imgur.com/S1q1xNH.jpg</a></p>
  
  <p>And here is part of the search box code:</p>
  
  <pre><code>&lt;div class="main-search"&gt;           
      &lt;form id="main-search" method="post" action="#"&gt;
          &lt;!-- search box fields here --&gt;
          &lt;input type="submit" value="Sort" class="search-submit" id="search-submit" /&gt;          
      &lt;/form&gt;     
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I fix this problem?</p>