Проблема поиска jquery. все формы показывают

Question

все формы отображаются .. Я просто хочу, чтобы #google-search был активным при загрузке страницы.Спасибо

 $(".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>

Answer 1

Я думаю, что это должно работать, чтобы скрыть все ссылки, которые не представлены именем класса 'cur-search':

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

Демонстрация JS Fiddle: http://jsfiddle.net/davidThomas/aZUgw/.

Или, в качестве альтернативы, если вы не знаете, какой класс элемента не скрывать:

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

Демонстрация JS Fiddle: http://jsfiddle.net/davidThomas/aZUgw/1/.

<ч />

Предполагая, что вы хотите показать только первый элемент формы, вы можете использовать:

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

Который использует gt(), как я подозреваю, очевидно, чтобы скрыть все form элементы с индексом больше 0.

Демонстрация JS Fiddle по адресу: http://jsfiddle.net/davidThomas/gnbkS/3/.

Или, альтернативно, вы можете использовать это:

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

Это немного грязно, но находит, какой form вы хотите показать (на основе ссылки с классом cur-search), а затем перебирает все формы, чтобы определить, какие из них отображать, и скрывает другие.

Демонстрация JS Fiddle по адресу: http://jsfiddle.net/davidThomas/gnbkS/4/.