document.addEventListener('DOMContentLoaded', function() { jQuery(function($){ $('.clicktoshow').click(function(){ $('.showclick').show(); $('.clicktoshow').hide(); }); $('.hovertoshow').mouseenter(function(){ $('.showhover').show(); }); $('.hovertoshow').mouseleave(function(){ $('.showhover').hide(); }); }); }); .clicktoshow{ cursor: pointer; } .showclick{ display: none; } .showhover{ display: block; }