Question: I need to display a div from `display:none` to `display:block` giving it a `fade effect`. How can I do this in prototypejs? Thanks.

```
<div id="fadeId" style="display:none">
</div>

```

Answer: 
There is no method to do that with prototypejs out of the box.

If you're looking for a simple method to do just that, you should take a look at [scriptaculous](http://script.aculo.us/). This is an UI framework built on prototypejs, and from what I know, it's what every prototypejs's user uses.

Here is some example:

```
// Fade-in
Effect.Appear('fadeId', {duration: 2}); // the duration parameter is optional

// Toggle fadein/fadeout
Effect.Toggle('fadeId', 'appear');

```

I don't mention the way to do it all the way because it would be too much code (and is out of the scope of this question). For a simple animation library, I suggest you take a look at [$fx](http://fx.inetcat.com/)
You can use Jquery for this 

```
$("#fadeId").fadeIn(slow);

```