Hide an element initially with CSS and show it later with jQuery - show and hide on mouseover/out

This is a working example page for the post "Hide an element initially with CSS and show it later with jQuery"

Hover over the grey block below and then mouse away from it to show and hide the block of text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vulputate dignissim ipsum, vel aliquam erat imperdiet eu. Sed scelerisque tortor dui. Pellentesque augue eros, auctor eget tempus quis, rutrum ac arcu. Suspendisse gravida adipiscing sem, ac lacinia enim iaculis gravida. Suspendisse suscipit commodo ipsum, id faucibus mauris tristique ac. Donec vitae urna orci. Curabitur sit amet risus ut orci vehicula molestie. Maecenas eleifend feugiat semper. Sed dictum lacus non velit rutrum et faucibus leo vehicula. Integer accumsan massa a velit malesuada ultrices. Aliquam erat volutpat. Curabitur eget felis dui, eu congue mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac ante et erat euismod suscipit ut in nisl. Pellentesque nunc libero, laoreet eu laoreet ut, congue eu lacus. Maecenas et risus euismod dui consectetur faucibus. Ut tristique enim nec lectus interdum nec pulvinar erat porta. Nam ultrices, lorem sit amet gravida gravida, elit dui pulvinar nisi, quis posuere metus tortor ac nisi.