Появляющийся спойлер для blogger

Интересный спойлер (jQuery): скрытый текст плавно появляется на экране.


Демо:
Отгадайте загадку!

Хвостиком виляет, зубаста, а не лает. Ответ: щука

<p>
Хвостиком виляет, зубаста, а не лает. <span class="spoiler">Ответ: щука</span></p>

<pre class="brush: xml"></pre>
<script type="text/javascript">
$(document).ready(function() { 

        $("span.spoiler").hide();

         $('<a class="reveal">Ответ...</a> ').insertBefore('.spoiler');

        $("a.reveal").click(function(){
                $(this).parents("p").children("span.spoiler").fadeIn(2500);
                $(this).parents("p").children("a.reveal").fadeOut(600);
        });

});
</script>

Чтобы содержимое спойлера появлялось при наведении, как в демо, надо .click заменить на .mouseover