Collapsible Lists

[veryveryred]

Can someone tell me if there is an easy way of creating collapsible lists in MX? I just need something simple. Thanks.

[Murray *ACE*]

Depends on what you mean by simple. If you know how to code, then it is
trivially simple. If you don't know how to code, it might be crushingly
complex.

Using DW's ChangeProperty behavior, you can change the display style of a
paragraph from 'none' to 'block'. That will reveal it, *and* push content
below down to make room. The trick is to unreveal it once it has been
revealed....

--
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================


"veryveryred" <webforumsuser@macromedia.com> wrote in message
news:e0r9f6$llh$1@forums.macromedia.com...

> Can someone tell me if there is an easy way of creating collapsible lists
> in MX? I just need something simple. Thanks.

[Jeffrey M Hall]

Hi Murray -

I'm new to DW8, but have been working through all the tutorials. Would you
mind providing some more details about how to use the ChangeProperty behavior
to do what you're describing? It would be a big help! -->jh

[Murray *ACE*]

Consider this rather weird looking (and invalid) markup -

<ul>
<li><a href="#">Expand link</a>
</li>
<li>Another link </li>
</ul>
<div style="display:none;" id="nested1"><li>Under expand link</li>
</div>

When you view that on a page, the list element in the div is not displayed
by virtue of the display:none. In fact, it's as if that element is not even
on the page, since it takes up no space.

Click within "Expand link". Apply a change Property behavior to it with the
following items -

Type of object: DIV
Named object: div "nested1"
Property: Enter: style.display
New value: block

Click OK. Preview and click the link. Works?

OK, now change this -

<li><a href="#"
onclick="MM_changeProp('nested1','','style.display ','block','DIV')">Expand
link</a></li>
<li>Another link </li>
</ul>
<div style="display:none;" id="nested1"><li>Under expand link</li>
</div>
</body>

to this -

<li><a href="#"
onclick="MM_changeProp('nested1','','style.display ','block','UL')">Expand
link</a>
<ul style="display:none;" id="nested1">
<li>Under expand link</li>
</ul>
</li>
<li>Another link </li>
</ul>
</body>

Preview. Bada bing bada boom.

Can you follow that?

--
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================


"Jeffrey M Hall" <webforumsuser@macromedia.com> wrote in message
news:e14pf7$1c$1@forums.macromedia.com...

> Hi Murray -
>
> I'm new to DW8, but have been working through all the tutorials. Would
> you
> mind providing some more details about how to use the ChangeProperty
> behavior
> to do what you're describing? It would be a big help! -->jh
>