排序后隐藏div

Question

我有带有属性图钉的Google Maps，下面有一个搜索框。用户单击“排序”后，将根据用户的标准显示图钉。我正在寻找一种解决方案，使我可以隐藏搜索框，而只保留“显示搜索”框，而不是“排序”。

以下是图片的当前外观：http://i.imgur.com/S1q1xNH.jpg

这是搜索框代码的一部分：

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

如何解决此问题？

Answer 1

一个简单的演示位于http://jsfiddle.net/xekR9/1/。

不要忘记将return false更改为return true以允许发布PHP。

Answer 2

我不确定您要退出节目搜索，而是隐藏按钮是什么意思：

$('.search-submit').on('click',function(){
    $(this).hide();
});