expanding paragraphs

[awelendam]

I am creating a FAQ page and want to disply only the questions but have the
answer to the question appear (become visibile) when the end-user clicks (or
hovers) on the question. Additionally, I am using a CSS file to format the
layout, text, divs, etc.

I am an admitted novice to Dreamweaver (so be easy on me! :) )

Thanks!!

[big_old_bird]

Hi :)

If you have your answer in a DIV or LAYER you can change the visibility when
you rollover the question.

If you set the default visibility to HIDDEN (use a class style as you will
have several instances) then make the question a link, (by just putting a hash
in the link box in properties pane) you can then add the show/hide layer
behaviour to the question. Make sure you give all of your answer divs/layers a
sensible name so you know which to show. Also, make sure you change the
visibility back to hidden in some way .... you could show on MouseOver and hide
on MouseOut ir similar.

If you need anymore help, just give me a shout!

Karen :)

[Murray *TMM*]

> If you have your answer in a DIV or LAYER you can change the visibility

> when
> you rollover the question.

Are you suggesting the <layer> tag by the "or LAYER" part? I hope not

> then make the question a link, (by just putting a hash
> in the link box in properties pane)

That's a bad way to start, particularly if the question is close to the
bottom of the page - it'll make the page jump to a non-existent named anchor
at the top if that's the case. It is much better to use javascript:;
instead of the octothorpe ("#") for null links - they don't trigger that
behavior.

> If you set the default visibility to HIDDEN (use a class style as you will
> have several instances) then make the question a link, (by just putting a
> hash
> in the link box in properties pane) you can then add the show/hide layer
> behaviour to the question.

This is not a good method since it will not interact with the text below
when the previously hidden material is shown. A much better method would be
to use normal <div> tags as containers with the CSS style display:none. In
this case, when the div is revealed (by setting display:block), the
subsequent content is pushed down on the page to make room.

You can see something like this on this page -

[url]http://www.practicalcomponents.com/tools_supplies_training/ipc-videos.htm[/url]

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"big_old_bird" <webforumsuser@macromedia.com> wrote in message
news:dbh5ha$5fk$1@forums.macromedia.com...

> Hi :)
>
> If you have your answer in a DIV or LAYER you can change the visibility
> when
> you rollover the question.
>
> If you set the default visibility to HIDDEN (use a class style as you will
> have several instances) then make the question a link, (by just putting a
> hash
> in the link box in properties pane) you can then add the show/hide layer
> behaviour to the question. Make sure you give all of your answer
> divs/layers a
> sensible name so you know which to show. Also, make sure you change the
> visibility back to hidden in some way .... you could show on MouseOver and
> hide
> on MouseOut ir similar.
>
> If you need anymore help, just give me a shout!
>
> Karen :)
>

[big_old_bird]

Sorry Murray!

I only suggested the hash rather than javascript because the person said they
were a newbie and I was looking for the easiest solution rather than the best.
It wasn't how I would have done it now, but it may have been how I would have
approached it as a newbie. It can be intimidating to be given a very technical
answer if you are new to things. However, wrist slapped and I will hold my
tongue in future :)

Karen :)

[Murray *TMM*]

No problems. I find it's easier for everyone not to give an answer that we
know may cause problems - or at least to try to be as explicity about what
those problems are as possible.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"big_old_bird" <webforumsuser@macromedia.com> wrote in message
news:dbhc8p$e6t$1@forums.macromedia.com...

> Sorry Murray!
>
> I only suggested the hash rather than javascript because the person said
> they
> were a newbie and I was looking for the easiest solution rather than the
> best.
> It wasn't how I would have done it now, but it may have been how I would
> have
> approached it as a newbie. It can be intimidating to be given a very
> technical
> answer if you are new to things. However, wrist slapped and I will hold
> my
> tongue in future :)
>
> Karen :)
>

[awelendam]

Thank you for both of your answers! I have not attempted to make the changes
yet, but will do so shortly and let you know how things turn out. If I need
additional help I'll be sure to post a follow-up. The best part, to me, about
working with Dreamweaver is the great community - of which you are both a part.
So thanks again!

[Murray *TMM*]

Good luck!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"awelendam" <webforumsuser@macromedia.com> wrote in message
news:dblkl5$q26$1@forums.macromedia.com...

> Thank you for both of your answers! I have not attempted to make the
> changes
> yet, but will do so shortly and let you know how things turn out. If I
> need
> additional help I'll be sure to post a follow-up. The best part, to me,
> about
> working with Dreamweaver is the great community - of which you are both a
> part.
> So thanks again!
>

[awelendam]

Karen,

Using the additional information you provided, I was indeed able to accomplish
this task! For the benefit of other forum users, I've included the steps
below, as well as a link to the free extension you specified:

1. Create a show and a hide class (in the CSS file) for each answer.
2. Use the tag/behaiour browser to "swap" the styles. Use the "toggle" option
to click the question and display the answer, then click the question again to
hide it.
3. Do one hide and one show in your CSS file for each question. Use the <p>
tag, not the <a> tag since the a tag will not work in this scenario.

The free extenstion can be downloaded from
[url]http://www.projectseven.com/extensions/info/swapclass/index.htm[/url]
You're the best Karen! Thank you ever so much - its great folks like you that
make these forums what they are - wonderful (even for us newbies).

Vince

[Murray *TMM*]

Note that this is not a great way to do such a thing, for the reasons I
explained in my previous post. When you show a layer, it will overwrite the
next question(s).

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"awelendam" <webforumsuser@macromedia.com> wrote in message
news:dbm0dq$f0s$1@forums.macromedia.com...

> Karen,
>
> Using the additional information you provided, I was indeed able to
> accomplish
> this task! For the benefit of other forum users, I've included the steps
> below, as well as a link to the free extension you specified:
>
> 1. Create a show and a hide class (in the CSS file) for each answer.
> 2. Use the tag/behaiour browser to "swap" the styles. Use the "toggle"
> option
> to click the question and display the answer, then click the question
> again to
> hide it.
> 3. Do one hide and one show in your CSS file for each question. Use the
> <p>
> tag, not the <a> tag since the a tag will not work in this scenario.
>
> The free extenstion can be downloaded from
> [url]http://www.projectseven.com/extensions/info/swapclass/index.htm[/url]
> You're the best Karen! Thank you ever so much - its great folks like you
> that
> make these forums what they are - wonderful (even for us newbies).
>
> Vince
>

[big_old_bird]

No need to worry Murray (that rhymes!)

There are no layers or divs in the solution Vince used. It was all done on
paragraphs with display:none and display:block swapping. It does all work
properly.

Cheers
Karen

[Murray *TMM*]

Display:none is the right way to do it.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"big_old_bird" <webforumsuser@macromedia.com> wrote in message
news:dbm47u$kfc$1@forums.macromedia.com...

> No need to worry Murray (that rhymes!)
>
> There are no layers or divs in the solution Vince used. It was all done
> on
> paragraphs with display:none and display:block swapping. It does all work
> properly.
>
> Cheers
> Karen
>

[awelendam]

I was indeed able to accomplish this feat, with your help, Karen. And it does
not use any <div> tags or layers. I've also been able to go beyond the
original intent of a click to expand feature to now have it expand on a
mouseover and collapse on a mouseout event. That keeps me from having to
create a new footer and background image for that page and keep to the template
I had previously designed to work with all of the other pages in the site.
You're the best, Karen, and thanks for all of your help with this!

Vince

[big_old_bird]

My pleasure Vince ... honestly!
:-)