Hi, I am trying to accomplish having the content of a DIV change with both a click (on a text link above the div) and hover event (on the div itself). The DIV content should revert to its original state when the cursor is moved away from the div or the link. The only thing I cannot get to work is to have the DIV content to change back to the original after the link is clicked and then the cursor is moved away from the link (after clicking the link, then moving the cursor off of it, it should return to its original state). The onclick event seems to negate the onmouseout event. If you have any suggestions, please post revised code to codepen; it would be greatly appreciated!
Your code was too messy to understand on CodePen. In future, don’t use tags such as ``, `
Anyway I did understand what you mean’t and have written a pen to show you how you could do this with jQuery. Here is the [Pen](http://codepen.io/georgearnall/pen/wuLCK “http://codepen.io/georgearnall/pen/wuLCK”).