Без скриптов можно сделать такое.
<style>
div {background: yellow; color: green; cursor: pointer}
div:hover {background: green; color: yellow}
</style>
<div>first content</div>
<div>second content</div>
<div>third content</div>
<div>fourth content</div>
Или такое
<style>
div {background: yellow; color: green; cursor: pointer}
div:active {background: green; color: yellow}
</style>
<div>first content</div>
<div>second content</div>
<div>third content</div>
<div>fourth content</div>