How do i achieve the same as this feature in web designer?

[TXAlba]

A similar example to what i want to achieve is shown here
Basically i want to create a faq page where the line of text is clicked and the answer presents below and at the same time pushes the next faq down the page.

Currently i have a page for each faq, linked from the faq question. However there are 37 faq's and this number of pages added to the others totals a 74 page website. When updating this is so slow now and often crashes forcing me to update by export and upload by ftp. I do not want to split my site so this would seem the sensible development to implement.

any pointers, or even better, examples would be gratefully received

[Egg Bramhill]

Siran attached a nice solution for this which I keep in a file called web-goodies. I attach it and hope it solves your problems.

[gwpriester]

Egg - Can this be modified to make a drop down menu for mobile devices?

[behzad]

Egg that is wonderful. BTW is there a place on this forum where we can keep all these tidbits? or as we say in Canada timbits :P

[gwpriester]

BTW is there a place on this forum where we can keep all these tidbits?

Actually there is. But probably a little hard to find the right tip or trick. https://www.talkgraphics.com/forumdi...ips-amp-Tricks

[Egg Bramhill]

Hi behzad, not my work, Sirans. The Timbits look like they might be my distant relatives

Hi Gary, good idea & yes it can be used. I attach a sample xar. Works nicely on my iPhone. You can view a demo:

HERE

[behzad]

Gary nice, but a section specially just for code. EGG I can eat 2 eggs at a time but 10 timbits or more.

[Acorn]

Here is an example using just Xara: Pure Xara Popup Q&As.xar.

It has the advantage of you being able to add anything to any answer layer.

The trick is in the order of its creation.

1. Add Question bars on MouseOff (&MouseOver if you want rollovers).
2. Create the Answer Layers.
3. Add all he layers links to the Question Bars on the MouseOff/Overs Layers.
4. Clone the Questions bars into the answer alyers.
5. Add a backing in each Answer layer to block the MouseOff/Over objects being seen.
6. For the link in each Layer that call the same Layer, change the link to popup: close.
7. Add you answers.

Acorn

[behzad]

I also found a good place, see link below and do a search with the word accordion

https://www.w3schools.com/default.asp

[gwpriester]

Acorn and Egg - Good solutions. Egg - One request, DON'T USE MAGENTA! Ack!