html - JQuery showing and hiding p elements one after the other -
i trying loop through multiple p elements using jquery show , hide them can't work. i've tried loop. current shows , hides p elements , show , hide them 1 after other. here's code: html <p hidden="" class="tweet-1">"lorem ipsum"</p> <p hidden="" class="tweet-2">"lorem ipsum"</p> <p hidden="" class="tweet-3">"lorem ipsum"</p> etc jquery var i=0 $("p").each(function() { $(".tweet-" + i).show().hide(); i+=1 }); this works me: $("[class^=tweet-]").each(function(index){ $(this).delay(500*index).fadein(); }); but need change "hidden" attribute in paragraph css display none. <p class="tweet-1" style="display:none">"lorem ipsum 1"</p> <p class="tweet-2" style="display:none">"lorem ipsum 2"...