jquery搜索问题。所有表格都显示出来了

所有的表格都显示出来了。。我只希望

#谷歌搜索

在页面加载时处于活动状态。多谢各位

 $(".header-search-input").keyup(function() {
     $(".header-search-input").val($(this).val());
 });

 var $searchByLinks = $("#search-by > a");

 $searchByLinks.click(function() {
     var $el = $(this)
     $(".header-search-form").hide();
     $($el.attr("href")).show();
     $searchByLinks.removeClass("cur-search");
     $el.addClass("cur-search");
     return false;
 });


    <div id="search-by">

     <a class="cur-search" href="#google-search">Google</a> 
     <a href="#image-search">Images</a> 
     <a href="#youtube-search">Youtube</a> 
     <a href="#maps-search">Maps</a>
    </div>

$（“.header搜索输入”）.keyup（函数（）{
$（“.header搜索输入”）.val（$（this.val（））；
});
var$searchByLinks=$（“#搜索依据>a”）；
$SearchByLink。单击（函数（）{
变量$el=$（此）
$（“.header搜索表单”）.hide（）；
$（$el.attr（“href”）.show（）；
$searchByLinks.removeClass（“cursearch”）；
$el.addClass（“当前搜索”）；
返回false；
});

我认为这应该可以隐藏所有没有用类名“cur search”表示的链接：

$(document).ready(
    function(){
        $('#search-by a:not(".cur-search")').hide();
    });

或者，如果您不知道不隐藏的元素的特定类：

$(document).ready(
    function(){
        $('#search-by a').not(':contains(Google)').hide();
    });

---

假设它只是要显示的第一个表单元素，则可以使用：

$('form:gt(0)').hide();

正如我所怀疑的那样，它使用隐藏索引大于0的所有

表单
元素


或者，您也可以使用以下选项：

$('form').each(
    function(){
        var curForm = $('.cur-search').attr('href').substr(1);
        if (this.id != curForm) {
          $(this).hide();  
        }
    });

这有点混乱，但会找到要显示的
表单
（基于与
cur search
类的链接），然后遍历所有表单以确定要显示哪些表单并隐藏其他表单

.
不，此处不起作用的是指向该站点的链接。。www.pocetna.net非常感谢您的帮助JS Fiddle表明id确实有效。如果你能把你的代码的一个有代表性的样本发布到我的网站上，我会帮你看看。顺便说一句，您的页面没有验证：现在验证它。：）看这里，我想先展示一下谷歌。。但是在你的例子中，菜单也会被取消，只有谷歌显示。那么…在页面加载时，你想让谷歌搜索
输入
元素显示出来吗？（但保持所有其他选项（“图像”、“youtube”和“地图”）可见？）是的。为google显示的输入。。以及youtube、图像和地图选项。该搜索与css-tricks.com右上方的搜索类似