排序后隐藏div

Question

我对HTML / CSS非常熟悉，但是当谈到JavaScript和jQuery时，我是最大的无知者。

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

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();
});