[Demo](http://jsfiddle.net/yJnKd/2/)

```
<a href="#">hover</a>
<p>Text here</p>

```

I want the `<p>` to fade in and slide in when the `<a>` is hovered. Problem is, with the CSS in the demo, the `<p>` just "pops" in rather than animating.