Wysuwanie wszystkich div'ów po akcji

[MIKEKING]

Witam. Napisałem bardzo prosty kod w JS który polega na pokazaniu i schowaniu diva. Przycisk button jest w pętli, przypisany do danego posta. Teraz do rzeczy. Mój problem polega na tym, kiedy użytkownik kliknie na przycisk to wysuwają się wszystkie divy.

 

Przykład:

Post 1 

przycisk 1

[ukryty div 1]

 

Post 2 

przycisk 2

[ukryty div 2]

 

Jak klikam w przycisk 1 to pokazują się dwa divy (div 1 i div 2 ...), a chciałbym żeby przycisk 1 pokazywał diva 1 i analogicznie z przyciskiem 2. (Przepraszam, że tłumaczę jak dziecku, ale chcę być zrozumiany)

 

Aktualny kod:

$(document).ready(function(){
    $("button.klik").click(function(){
        $(".pokaz").slideToggle(300);
    });
});

Okay jeśli ktoś ogarnia moje bazgroły to prosiłbym o przedstawienie w jaki sposób mógłbym rozwiązać mój problem. 

 

Punkty reputacji za pomoc!

 

PS: Nie znalazłem żadnego konkretu w Google.

[Fennec]

Problem jest taki, że ma pokazywać wszystkie:

$(".pokaz").slideToggle(300);

musisz zastąpić .pokaz na jakąś instancje this czy coś w ten deseń.

 

[Janso123]

możesz zrobić np tak: 
 

<script>
$(document).ready(function(){

$(".firstClassButton").click(function(){
        $(".firstClass").slideToggle(300);
    });
$(".secClickButton").click(function(){
        $(".secClass").slideToggle(300);
    });
    
});
</script>
<p class="sthClass firstClass">Paragraf 1.</p>
<button class="click firstClassButton">Przycisk 1</button>
<p class="sthClass secClass">Paragraf 2.</p>
<button class="click secClickButton">Przycisk 2</button>

albo opcja z this 

<script>
$(document).ready(function(){
$(".click").click(function(){
       $(this).parent().find(".sthClass:first").slideToggle();
    }); 
});
</script>
<div>
	<p class="sthClass">This is a paragraph.</p>
	<button class="click">Toggle slideUp() and slideDown()</button>
</div>
<div>
	<p class="sthClass">This is a paragraph.</p>
	<button class="click">Toggle slideUp() and slideDown()</button>
</div>

 

[abs0lw3nt]

Jeżeli przycisk zawiera się w chowanym lub wysuwanym bloku to poczytaj sobie o odwołaniu this oraz funkcjach parent oraz closet.