[HTML][JavaScript]Problem z funkcją .next(); Opcje

[sajegib]

Witam!

Mam 3 div'y class="question" i taki kod

[HTML] pobierz, plaintext 
$(document).ready(function(){
  var n = $('.question').size();
  $("span").text("There are " + n + " divs.");
  $('.question').first().show();
 
  $('#next').click(function(){
	$('.question').hide();
	$('.question').next().show();
  });
});
[HTML] pobierz, plaintext 

Divy (poza pierwsyzm) są po zaladowaniu strony schowane. W założeniu powyższy kod ma schować aktualny div o klasie question i pokazać kolejny. Chowanie aktualnego div'a działa, ale zamiast pokazać kolejny, pokazuje mi WSZYSTKIE kolejne.
Gdzie jest haczyk?
Z góry dzięki za pomoc!

Ten post edytował sajegib 26.01.2013, 13:38:12

[mortus]

[JAVASCRIPT] pobierz, plaintext 
$('.question').next()
[JAVASCRIPT] pobierz, plaintext 

to kolejny element za wszystkimi div-ami o klasie question, czyli dla:

[HTML] pobierz, plaintext 
<div>
  <div class="question">Q1</div>
  <div class="question">Q2</div>
  <div class="question">Q3</div>
  <div id="next">Next Question</div>
</div>
[HTML] pobierz, plaintext 

bedzie to element div o id next.

.next() nie wie w tym przypadku, że chodzi Ci o element klasy question.

Zajrzyj do dokumentacji i tutaj.

[sajegib]

Serdeczne dzięki, już rozumiem.

Mam teraz jeszcze jeden problem, jeśli dojdę do ostatniego div'a i kliknę 'next' to - wiadomo - nic się nie pokazuje.
Chciałbym schować button 'next' przy ostatnim divie. Nie mówię, żebyś mi napisał kod, ale chociaż nakierował (jeśli możesz).
Czy jest jakiś inny sposób niż numerowanie każdego z divów?

[mortus]

Można spróbować tak, ale osobiście zastanowiłbym się nad numerowaniem, bo można dokładniej zidentyfikować elementy.