DEV Community

loading...
Cover image for Simple F&Q only using HTML & CSS

Simple F&Q only using HTML & CSS

nikhil27b profile image Nikhil Bobade ・1 min read

Hello, Guys thank you for your amazing support now I try to give you a better result with a new idea today I created f & q using HTML & CSS we are not using javascript in this post but if anyone wants f&q with javascript then comment below & if anybody has a good idea then share with me.

so I hope you like also comments about your thoughts. For more content please follow me on Instagram @developer_nikhil27.

Thank you!
Keep Supporting πŸ”₯

Discussion (9)

pic
Editor guide
Collapse
afif profile image
Temani Afif

not sure why you hide my comment :) having the JS tag for a non-JS post won't help you (if you think you will get better visibilty). It may have the opposite effect your are looking for because your post will be shown in an irrelevant section for user who aren't necessarely intrested.

I am saying this for your own benefit but you are free to do what you want ;) [this apply to all your posts]

Collapse
siddharthshyniben profile image
Siddharth

But there is no JS right?

Collapse
afif profile image
Temani Afif

yes, there is no JS. That's why I am "advising" him to remove the tag from his posts to avoid confusion.

Thread Thread
siddharthshyniben profile image
Siddharth

I mean i didn't see any JS tag... Maybe it was removed before I saw this article

Collapse
manuthecoder profile image
π™ΌπšŠπš—πšžπšƒπš‘πšŽπ™²πš˜πšπšŽπš› • Edited

Great!
My only ideas/improvements is IE11/IE6 Support. The <details> tag isn't supported in IE.

Otherwise, in my opinion, I would like a animation effect

details
{
    transition: height 1s ease;
    overflow: hidden;
}

details:not([open])
{
    max-height: 0;
}

details[open]
{
    max-height: 999px;
}
Enter fullscreen mode Exit fullscreen mode
Collapse
nikhil27b profile image
Collapse
jfbrennan profile image
Jordan Brennan

Web standards FTW!

Collapse
royalfig profile image
Ryan Feigenbaum

Good idea to use the Summary tag for this! Quick note: it's FAQ, not F&Q. FAQ stands for frequently asked questions.

Some comments have been hidden by the post's author - find out more