Как показать скрытый абзац с каждым щелчком мыши в jQuery?

Question

У меня есть 5 абзацев, которые я хочу показать по одному с каждым щелчком. Я думаю, что они должны быть скрыты ( visibility: hidden) и показывает один за другим с помощью jQuery .show().

Answer 1

: скрытый селектор выбирает все скрытые элементы и: сначала выбирает первый из этих

$(document).click(function(){ 
    $(":hidden:first").show(); 
}); 

в качестве альтернативы, если и хотят, чтобы показать конкретный пункт, вы можете быть более конкретным, например:

$(document).click(function(){ 
    $(/parent/).find("p:hidden:first").show(); 
});