How can hide a div?

I have a form wich I want to show it only if I clic on a link. I want
that form, with div="related", to appear with the Appear effect of
scriptaculous. This form alreday has some AJAX.

Something along the lines of link_to_function 'ClickMe', "$
('some_id').appear()" will make the page element with that id appear.

Fred

Frederick Cheung wrote:

I have a form wich I want to show it only if I clic on a link. I want
that form, with div="related", to appear with the Appear effect of
scriptaculous. This form alreday has some AJAX.

Something along the lines of link_to_function 'ClickMe', "$
('some_id').appear()" will make the page element with that id appear.

Fred

My code is:

<div id ="fadePic">
   <img alt = "my_image" src = "/images/Logo_small.jpg" />
</div>

<%= link_to_function "Appear",
        "new Effect.Appear('fadePic', { duration:2 })" %>

I want the fadepic only to appear in my view once I press the Appear
link.

Frederick Cheung wrote:

I have a form wich I want to show it only if I clic on a link. I
want
that form, with div="related", to appear with the Appear effect of
scriptaculous. This form alreday has some AJAX.

Something along the lines of link_to_function 'ClickMe', "$
('some_id').appear()" will make the page element with that id appear.

Fred

My code is:

<div id ="fadePic">
  <img alt = "my_image" src = "/images/Logo_small.jpg" />
</div>

<%= link_to_function "Appear",
       "new Effect.Appear('fadePic', { duration:2 })" %>

Style it so that it is initially invisible. (display: none)

Fred