Jquery pokaż diva po klinięciu w radio button (multiple) Opcje

[Rufus_84]

Witam
Mam następujący problem

Posiadam kilka pól radio z tą samą nazwą

[HTML] pobierz, plaintext 
<div class="form-group">
                 <div class="form-radio">
            		<input type="radio" name="invoice_radio[]" value="srodek_list"> 
                    <p>Wybierz z listy</p>
                </div>
                <div class="form-radio">
                	<input type="radio" name="invoice_radio[]" value="srodek_new">
                    <p>Dodaj nowy</p>
                </div>
<div class="srodek_lista">
     div content
</div>
<div class="srodek_nowy">
     div content
</div>
</div>
 
<div class="form-group">
               <div class="form-radio">
            		<input type="radio" name="invoice_radio[]" value="srodek_list"> 
                    <p>Wybierz z listy</p>
                </div>
                <div class="form-radio">
                	<input type="radio" name="invoice_radio[]" value="srodek_new">
                    <p>Dodaj nowy</p>
                </div>
<div class="srodek_lista">
     div content
</div>
<div class="srodek_nowy">
     div content
</div>
</div>
[HTML] pobierz, plaintext 

Mają te same nazwy ponieważ są dodawane dynamicznie (zawartość diva form-group) po kliknięciu dodaj nową pozycję

Problem polega na tym, że chciałbym aby w zależności od wuboru radio buttona pojawiała się zawartość diva "srodek_lista" lub "srodek_nowy"

Kod:

[HTML] pobierz, plaintext 
$(document).ready(function(e) {
    $('input:radio[name="invoice_radio[]"]').click(function(e) {
        if($(this).val()=='srodek_list') {
			$('.srodek_lista').slideDown('fast');
			$('.srodek_nowy').slideUp('fast');
		}
		if($(this).val()=='srodek_new') {
			$('.srodek_nowy').slideDown('fast');
			$('.srodek_lista').slideUp('fast');
		}
    });
});
[HTML] pobierz, plaintext 

powoduje, że pojawiają się wszystkie divy "srodek_lista" lub "srodek_nowy" na raz i tylko po kliknięciu w pierwszą grupę radio buttonów.
Czy da się zrobić tak, żeby działo to w każdej grupie osobno?

Z góry dziękuję za pomoc
Rafał

[Comandeer]

1) Jeśli grupy są dynamicznie dodawane, to trzeba wykorzystać event delegation - poczytaj w dokumentacji jak się to robi na $.fn.on (od razu hint: interesuje Cię zdarzenie change, nie click!)
2) Trzeba przejść do rodzica danej grupy inputów i wybrać następujący po nim element z odpowiednią klasą.