Javascript: powtarzające się zdarzenia Opcje

[hote]

Mam dwa divy - jeden nagłówkowy, drugi z treścią. Na stronce przy braku kliknięcia w tenże widoczne są same nagłówkowe:

JQuery oczywiście:

[PHP] pobierz, plaintext 
$('.tresckontenera1').hide();
$('.naglowekontenera1').click(function(){
$('.tresckontenera1').slideToggle('slow')
});
 
$('.tresckontenera'2).hide();
$('.naglowekontenera2').click(function(){
$('.tresckontenera2').slideToggle('slow')
});
 
 
$('.tresckontenera3').hide();
$('.naglowekontenera3').click(function(){
$('.tresckontenera3').slideToggle('slow')
});
 
itd.
[PHP] pobierz, plaintext 

1. Jak to zespolić w coś krótszego co będzie zachowywało się w sposób powyższy dla każdych elementów tresckontenera[liczba] naglowekontenera[liczba]?
2. Jak prosto zmieniac jquery naglowkow kontenerow? (ale z powrotem przy kolejnym kliknieciu)?

Z góry dziękuję za pomoc (IMG:style_emoticons/default/smile.gif)

[hote]

2. chodziło mi o zmiany kolorów divów nagłówkowych otwartych /background-color/ (IMG:style_emoticons/default/smile.gif) ) zabraklo słowa "kolor" (IMG:style_emoticons/default/smile.gif)