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

  • Javascript smart tooltip

    Make your title tag as tooltip.

    • 297
    • 15
    • 297
    • facebook icon
    • twitter icon
    • google plus
  • Side pusher hamburger menu

    Side pusher hamburger menu is a better way put more content on the page.

    • 472
    • 8
    • 472
    • facebook icon
    • twitter icon
    • google plus
  • Validate email by javascript regex

    Validate email field by regular expression

    • 241
    • 4
    • 241
    • 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