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

  • Before and after vs empty tag

    Adding before and after to an non container element is no possible.

    • 7
    • 1
    • 7
    • facebook icon
    • twitter icon
    • google plus
  • Single slide respo slider plugin

    Simple jQuery content slider plugin

    • 476
    • 36
    • 476
    • facebook icon
    • twitter icon
    • google plus
  • Css3 solar system

    Css3 keyframe animation is an awesome feature, which facilitate us to animate element on the page.

    • 351
    • 14
    • 351
    • 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