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

1.

[JAVASCRIPT] pobierz, plaintext 
$("span").hide();
$("p").click(function(){
$(this).children("span").slideToggle('slow')
[JAVASCRIPT] pobierz, plaintext 

No i później masz w HTML:

[HTML] pobierz, plaintext 
<p>1.
<span>1. Rozwinięty</span>
</p>
<p>2.
<span>2. Rozwinięty</span>
</p>
<p>3.
<span>3. Rozwinięty</span>
</p>
[HTML] pobierz, plaintext 

Oczywiście możesz sobie P i SPAN pozamieniać na DIVy czy nawet nazwy klas.
Po co nadajesz każdemu nagłówkowi inną klasę? No chyba, że każdy nagłówek czym się różni w CSS, to owszem.

2. Ńje rosumje...

odnośnie pkt 2, wykorzystaj callback funkcji

[HTML] pobierz, plaintext 
$(this).children("span").slideToggle('slow', function() {
    //tutaj w jaki sposób mają zmieniać się nagłówki
  });
[HTML] pobierz, plaintext 

2. chodziło mi o zmiany kolorów divów nagłówkowych otwartych /background-color/ ) zabraklo słowa "kolor"