While reading more about HTML5 & CSS3 I just found an amazing css3 button styling. This time I wanted to do something which I was doing from past 2 years using JQuery. In this tutorial I am going to teach you how to make a toggle slideDown and slideUp function using CSS3 and HTML5.
To achieve this we will have to know the pseudo element :Target.
Target element takes the href value and finds the element with its ID(value).
In this tutorial I am going to take the CSS3 styling from Tympanus and add my CSS3 function of toggle.
So here is the HTML structure
Here we are making a simple unordered list structure, each list consits an anchor tag and a paragraph tag. Anchor will have a href pointing to ID of a paragraph tag.
And the final CSS to toggle the paragraph tag is