How to reveal hidden paragraph with each click in jQuery?

Question

I have a 5 paragraphs that i want to reveal one by one with each click. I think that they must be hidden ( visibility: hidden) and reveals one by one with jQuery .show().

Answer 1

:hidden selector selects all hidden elements and :first selects first of those

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

alternatively, if u want to show a particular paragraph, you can be more specific e.g.:

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