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

  • Load images visible to user after page load

    Load only those image which is visible to visitor

    • 299
    • 8
    • 299
    • facebook icon
    • twitter icon
    • google plus
  • Master checkbox control

    A master checkbox which controls all checkbox.

    • 223
    • 4
    • 223
    • facebook icon
    • twitter icon
    • google plus
  • Force other page to scroll

    Scroll other page at specific location, when related link has been clicked in current page.

    • 265
    • 5
    • 265
    • 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