script.aculo.us - Appear Effect
It makes an element appear. If the element was previously set to display:none; inside the style attribute of the element, the effect will automatically show the element.
It implies that display must be set within the style attribute of an object, and not in the CSS, the head of the document, or a linked file. In other words, this effect will not work if display:none; is set within the style tag or the linked CSS file.
NOTE − This effect is very similar to Opacity effect but there is a subtle difference. The Appear effect will ensure that the element is a part of the document flow before it adjusts the opacity.
So, if you want the element to remain a part of the document display while its opacity is changed, use the Opacity effect. To remove and replace the element from the document as part of a fade-out/fade-in sequences, use the Appear effect instead of Opacity.
You can use one of the following two forms to use this effect −
new Effect.Appear('id_of_element', [options]); OR new Effect.Appear(element, [options]);
This effect does not have any other parameter except common parameters.
This will produce following result −