Prototype Toggle - Einfach gut

Die View Helfer link_to_function und button_to_function erlauben es mit einer einfachen Codezeile einen Link oder eine Schaltfläche mit einer JavaScript Funktion anzureichern. Um diese Funktionen in Kombination mit Prototype nutzen zu können müssen die entsprechenden javaScript Libraries eingebunden sein:

  <%= javascript_include_tag :defaults %> 

Danach wird mit

   <%= link_to_function "Details", "Effect.toggle('details')" %>
   <div id="details" style="display: none">Mehr Inhalte..</div>


ein Link mit dem Text "Details" erzeugt. Wird der Link angeklickt erscheinen die ausgeblendeten Details.