Search code examples
javascriptjquerygoogle-mapsshow-hide

Hide div after sorting

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

Here is the image how it currently looks: https://i.sstatic.net/87SQo.jpg

And here is part of the search box code:

<div class="main-search">           
    <form id="main-search" method="post" action="#">
        <!-- search box fields here -->
        <input type="submit" value="Sort" class="search-submit" id="search-submit" />          
    </form>     
</div>

How can I fix this problem?

Solution

  • A simple demo is at http://jsfiddle.net/xekR9/1/.

    Don't forget to change return false to return true to allow PHP post.