javascript - 排序后隐藏div

Question

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

这是它目前的样子：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();
});