DEV Community

Cover image for Simple F&Q only using HTML & CSS
Nikhil Bobade
Nikhil Bobade

Posted on

Simple F&Q only using HTML & CSS

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)

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
Manu • Edited on

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
Nikhil Bobade Author

Thanks

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.

Collapse
afif profile image
Info Comment hidden by post author - thread only accessible via permalink
Temani Afif

can you please remove the javascript tag for you posts since they are only HTML&CSS ?

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