jQuery Image Display Toggles

A consistent need in web display is to be able to show selectively more details of an image+description triggered by either a click or mouseEnter/mouseLeave event. True, jQuery-powered lightbox and popups can deliver the same functionality; but many of these jQuery scripts are slow to fire up or may be complex to code.
The following code handles the click and mouseenter/mouseleave with ease.

[iframe width=”100%” height=”600″ src=”http://jsfiddle.net/jbsurveyer/hYnZZ/5/” allowfullscreen=”allowfullscreen” frameborder=”0″]