Click to reveal, lots of P tags!

great! 95% there lol is there a way I can give the class open to p tags with jquert after it counts the first three? As it is being fed through a text editor and I can't give them classes manually.

Quick tip :)

p {
display: none;
}

$('.read-full').click(function(){
$('p').show();
})

i want to show the first 3 sets of p tags though? they are all contaiend in one DIV.

lol thanks but What I want to do is to have the first 3 <p> tags showing.... Then when you click the link, the rest of container is shown.

So I need some kind of an array or counter or something.

yes ! :0} thats very nearly what i want lol the only thing is the tags that come through are going to be just plain p tags as they are being fed through a very basic text editor so what comes out will be looking like this

<div class="excerpt"> <h1 class="header-icons">EXCERPT (this to be shown too)</h1> <p>I want this to show from start</p> <p>I want this to show from start</p> <p>I want this to show from start start</p> <p>I want this to show when button read-full is clicked</p> <p>I want this to show when button read-full is clicked</p> <p>I want this to show when button read-full is clicked</p> <p>I want this to show when button read-full is clicked</p> <a class="read-full" href="#">Read full excerpt</a> </div>

So I will need to use some jquery to assign a class to every p tag after it counts 3? something like that?

Thanks for your help by the way!

http://codepen.io/anon/pen/xfdGy there we go, good tip!

yes! That is exactly what I need! thank you so much! I need to get off the fancy Sass techniques and get some jquery under my belt!