0%

Hey! Do you have any query related to front end?

Sign in Sign up

Pure css3 accordionBack

Initialization

A pure css3 accordion which has been created by target pseudo selector. It tagets the element having same id which has been initialized in href of respective a tag.

HTML to be focused:


............

............

............

............

Here one has to define the target content. Such as inter page linking. This defines which content has to be targeted.

CSS to be focused:

.accordionContent:target{
	height: 100px;
}

".accordionContent:target" targeted by the inter link hyper reference.

Summery

1. Define href for the a tag where you want to click.
2 Define the id to target element, with the same name which has been mentioned in href of a tag. That's it...:)

How to comment:

  • Create an account in discuss by clicking on login next to arrow.
  • Create password for discuss and varify your email id, through your mail.
  • Refresh page and comment.

You might also like

  • Css3 piano card navigation

    CSS3 transform and transition animation

    • 383
    • 14
    • 383
    • facebook icon
    • twitter icon
    • google plus
  • Show thumbnail on browse

    Way to show thumbnail of browsed image.

    • 249
    • 6
    • 249
    • facebook icon
    • twitter icon
    • google plus
  • Validate email by javascript regex

    Validate email field by regular expression

    • 240
    • 4
    • 240
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 3 years ago

amit singhabout 3 years ago

rahmat aliabout 3 years ago

mandavi tiwariabout 3 years ago

rahul sharmaabout 3 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back
Username
Password