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

  • Tabbing with id and rel attribute

    Tabbing functionality with respect to ID and rel attribute.

    • 222
    • 8
    • 222
    • facebook icon
    • twitter icon
    • google plus
  • Inner page scrolling effect

    Simple jQuery content slider plugin

    • 347
    • 2
    • 347
    • facebook icon
    • twitter icon
    • google plus
  • Copy text to clipboard

    Copy text from browser to your clipboard and paste as per your requirement.

    • 262
    • 2
    • 262
    • 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