如何在结果可用之前隐藏“搜索引擎结果”div?

时间:2014-12-27 18:20:51

标签: html css

我已经设置了一个Google CSE搜索框和搜索结果,只是作为两个单独的div。

<div id="search-box">
    <div class="search-entry">
        <gcse:searchbox></gcse:searchbox>
    </div>

    <div class="search-results">
        <gcse:searchresults></gcse:searchresults>
    </div>
 </div>

我希望隐藏结果div(=不可见并且不占用我页面上的任何空间),直到搜索结果可用。最好只通过css和“跨浏览器/平台”)。

我在这个论坛上搜索了一个解决方案 - 没有成功。但是,此论坛的“提问”页面(https://stackoverflow.com/questions/ask/advice?)似乎完全符合我的要求,如下所示:

   <div class="ask-advice-search-container">
         <input type="text" value="" class="search-title" />
         <input type="button" value="Search" class="search-button" />
         <div id="question-suggestions">
         </div>
   </div>

不幸的是,我无法弄明白隐藏的“诡计”。相关的css似乎没有(隐藏)隐藏...

我很感激任何帮助&amp;见解!

提前致谢,

佛瑞德

0 个答案:

没有答案