Please fill out the form below and we will get back to you as soon as we can.
Go here to invite your friends. You can share your 12 digit group code, or send them a link to your group.
Simply copy/paste the faq-item div and everything in it. Then update the number after faq-radio-# to be unique. I just used numbers like 1,2,3,4. But you could also use letters like faq-radio-richard. The only one that doesn't change is faq-radio-group. That stays just as it is since all these questions are in the same accordian.
I know, right?! And it doesn't even need Javascript. Just fancy CSS. CSS is amazing.
I put them all together in a section of the CSS called CONTACT. I guess if we use them on a different page we can move them since they aren't tied to this page or anything.
Ah, great question. "faq-question" is the top part, and "faq-answer" is the bottom part. You'll see things like background-color in there. The only special one is the .faq-question that follows a :checked. I made it green to make it easy to find the rule. That's the "active" question if you want it to look different than the others. If not, just don't put any rules in there!
Wow. Getting into the nitty-gritty here, aren't we? OK, those are at the very top of the responsive.css file. Look for --fsg-accordian-btn-active-icon and --fsg-accordian-btn-icon. They are just a bunch of jibberish SVG stuff, but inside you'll see a stroke='%23. After the %23 it's just a hex code for the color. If you want to change the actual icon, you're on your own.
Here I was all excited about the FAQ opening and closing so well and you hated it. I've added the Javascript (just below here in the code) that will handle closing the last one if they click it again. I'll be busy the rest of the week so I won't be in any of the files.
