Дописать на jQuery

[Rost93]

Здравствуйте. Вообще есть код на jQuery который при нажатие на определенное поле, показывает дополнительные поля.
Вот код:

PHP код:

        $(document).ready(function(){
            $("#report tr:odd").addClass("odd");
            $("#report tr:not(.odd)").hide();
            $("#report tr:first-child").show();
            
            $("#report tr.odd").click(function(){
                $(this).next("tr").toggle();
                $(this).find(".arrow").toggleClass("up");
            });
            //$("#report").jExpand();
        }); 


Честно говоря jQuery вообще не знаю, и брал исходники где-то не помню. Подскажите пожалуйста как можно этот код улучшить, чтобы если открыл первое, потом второе первое закрывалось. Пожалуйста помогите

[JTG]

    $("#report tr:odd").addClass("odd"); 
    $("#report tr:not(.odd)").addClass('hdr').hide(); 
    $("#report tr:first-child").removeClass('hdr').show(); //гениально
     
    $("#report tr.odd").click(function(){ 
        $(this).parent().find('.hdr').hide();  
        $(this).next("tr").toggle(); 
        $(this).find(".arrow").toggleClass("up"); 
    });

http://jsfiddle.net/tSKDz/1/

А вообще дурацкая идея отталкиваться от чётных/нечётных строк, лучше сделать блоками с заголовками, например
http://jsfiddle.net/3MpZZ/

[Rost93]

Большое спасибо за готовый код!

[Rost93]

А как в этом примере http://jsfiddle.net/tSKDz/1/ Сделать так чтобы при нажатие на уже выбранный элемент, он закрывался?

[JTG]

$(this).parent().find('.hdr').not($(this).next()).hide();

[Rost93]

А подскажите пожалуйста, куда это нужно вставлять?
Вот что делал:
$(document).ready(function(){
$("#report trdd").addClass("odd");
$("#report tr:not(.odd)").addClass('hdr').hide ();
$("#report tr:first-child").removeClass('hdr').show(); //гениально
(ВСТАВЛЯЛ СЮДА, ПРОВЕРЯЛ, НЕ РАБОТАЕТ,УБИРАЛ)


$("#report tr.odd").click(function(){
$(this).parent().find('.hdr').hide( );
$(this).next("tr").toggle();
$(this).find(".arrow").toggleClass( "up");
$(this).parent().find('.hdr').not($ (this).next()).hide();
(ВСТАВЛЯЛ СЮДА, ПРОВЕРЯЛ, НЕ РАБОТАЕТ,УБИРАЛ)
});
(ВСТАВЛЯЛ СЮДА, ПРОВЕРЯЛ, НЕ РАБОТАЕТ,УБИРАЛ)
});

[JTG]

Было

$(this).parent().find('.hdr').hide( );

стало

$(this).parent().find('.hdr').not($(this).next()).hide();

[Rost93]

Большое спасибо! =)