Question about Element.toggle

I’m currently doing this:

<%= link_to_function h(course.title),
“Element.toggle(‘course#{course.id}’)” %>

Is there a way to:

(a) Extend this so that instead of simply clicking on a title to
toggle the element the user can click on a plus symbol that shows the
div which also changes the plus symbol to a minus symbol. Clicking on
the minus symbol would then hide the div and also change the minus
symbol back to plus. I’ve seen this on quite a few websites so I
think you know what I’m talking about :slight_smile:

(b) Have some effect on toggling the element. I googled around and
tried this, but it doesn’t seem to work:

<%= link_to_function h(course.title),
“Element.toggle(‘course#{course.id}’, ‘blind’)” %>

Any ideas?

Hi Vince,

The prototype Element.toggle changes the visibility of an element. I use
scriptaculous for element effects.

You should be able to string a couple of prototype & scriptaculous
statements together to get what you what like so…

:onclick => “Element.toggle(‘plus_id’); Element.toggle(‘minus_id’);
Effect.appear(‘element_id’),”

That should point in you in one possible direction.

rgds.
matt.

Tickex - the concert, theatre, & sports search engine for tickets
http://www.tickex.com

vince wrote:

I’m currently doing this:

<%= link_to_function h(course.title),
“Element.toggle(‘course#{course.id}’)” %>

Is there a way to:

(a) Extend this so that instead of simply clicking on a title to
toggle the element the user can click on a plus symbol that shows the
div which also changes the plus symbol to a minus symbol. Clicking on
the minus symbol would then hide the div and also change the minus
symbol back to plus. I’ve seen this on quite a few websites so I
think you know what I’m talking about :slight_smile:

(b) Have some effect on toggling the element. I googled around and
tried this, but it doesn’t seem to work:

<%= link_to_function h(course.title),
“Element.toggle(‘course#{course.id}’, ‘blind’)” %>

Any ideas?