I really like this but no idea how to achieve it!

[Adendum]

Hi again,

I really like the way this FAQ page works (
http://www.housing.uwaterloo.ca/getready4rez/faq.html ) but I am
struggling with how to duplicate it. Can anyone shed any light on the
process for me?

Paul

[the other Chuck]

Paul,

If you look at the site in Firefox and install the "Web Developer Extension"
you'll be able easily browse the CSS file used to achieve this effect.
From the Web Developer Toolbar select CSS and then check "Edit CSS' and
you'll notice a tab for a "faq.css" file. The FAQ questions and answers
are wrapped with tags from this file.

tOC




"Adendum" <Adendum@hotmail.co.uk> wrote in message
news:hkvdnb$arm$1@DailyPlanet.news.netobjects.com. ..
> Hi again,
>
> I really like the way this FAQ page works (
> http://www.housing.uwaterloo.ca/getready4rez/faq.html ) but I am
> struggling with how to duplicate it. Can anyone shed any light on the
> process for me?
>
> Paul

[Adendum]

Chuck,

Yes I have already done that. I see the .js and the .css files that
handle this but, as usual with NOF, it's not easy to figure out where or
how these tags get placed into a NOF layout. I've experimented with this
for several tedious hours and can't get it to work. So far I can make my
H2 headings look like the site mentioned and I did get the "Q" to appear
but the toggling of .show and .hide wont work for me. So I'm doing
something wrong but can't figure it out.

I think I am struggling with the tags (dl, dt and dd) :-

<dl>
<dt>Question goes here?</dt>

<dd>
<p>Answer is here.</p>
<p>More of the answer can go here. </p>
</dd>
Repeat above for your headings/question/answers
</dl>


And can't figure how/where to put these in my page layout. Worse I know
the answer is going to be dead simple!!!

Paul

On 11/02/2010 00:23, the other Chuck wrote:
> Paul,
>
> If you look at the site in Firefox and install the "Web Developer Extension"
> you'll be able easily browse the CSS file used to achieve this effect.
> From the Web Developer Toolbar select CSS and then check "Edit CSS' and
> you'll notice a tab for a "faq.css" file. The FAQ questions and answers
> are wrapped with tags from this file.
>
> tOC
>
>
>
>
> "Adendum"<Adendum@hotmail.co.uk> wrote in message
> news:hkvdnb$arm$1@DailyPlanet.news.netobjects.com. ..
>
>> Hi again,
>>
>> I really like the way this FAQ page works (
>> http://www.housing.uwaterloo.ca/getready4rez/faq.html ) but I am
>> struggling with how to duplicate it. Can anyone shed any light on the
>> process for me?
>>
>> Paul
>>
>
>

[Ray Campbell]

"Adendum" <Adendum@hotmail.co.uk> wrote in message
news:hkvdnb$arm$1@DailyPlanet.news.netobjects.com. ..
> Hi again,
>
> I really like the way this FAQ page works (
> http://www.housing.uwaterloo.ca/getready4rez/faq.html ) but I am
> struggling with how to duplicate it. Can anyone shed any light on the
> process for me?
>
> Paul

Couldn't this be achieved with nested accordion or toggle pane MLRs?

Put this together in 10 min: http://www.soundsinsync.ca/mlrtest/

-RayC

[Adendum]

Ray,

No idea as I am still a NOF10 user. Trying desperately to upgrade but I
have to resolve issues with several client sites that are all nPower'ed!
Currently converting them to the CushyCMS facility but still ironing out
some issues. Also looking at 4DSite Designer at the same time as this
offers built in CMS and ecommerce and more.

Paul

On 14/02/2010 15:21, Ray Campbell wrote:
>
> "Adendum" <Adendum@hotmail.co.uk> wrote in message
> news:hkvdnb$arm$1@DailyPlanet.news.netobjects.com. ..
>> Hi again,
>>
>> I really like the way this FAQ page works (
>> http://www.housing.uwaterloo.ca/getready4rez/faq.html ) but I am
>> struggling with how to duplicate it. Can anyone shed any light on the
>> process for me?
>>
>> Paul
>
> Couldn't this be achieved with nested accordion or toggle pane MLRs?
>
> Put this together in 10 min: http://www.soundsinsync.ca/mlrtest/
>
> -RayC