jQuery防止图像和文本从HOVER状态返回

Question

我正在更新我的旧网站并将（相当草率的）Javascript更改为jQuery。我一直遇到的一个问题是，jQuery似乎阻止了CSS Hover状态返回默认状态 - 即如果你点击一个具有jQuery函数的图像或文本，它会在鼠标移开后保持在悬停状态，直到你点击页面上的其他地方。我假设event.preventDefault()行导致它，但我需要防止页面刷新，以防用户的输入丢失。有什么想法吗？

这是CSS：

a:hover {
  text-decoration: underline;
  color: #C22F30;
}

这是jQuery：

$(document).ready(function(){
  $(".ingredientLabel").click(function(event) {
    $(this).next(".glossary").toggle(); // toggle glossary visibility
    x = $(".pubcrawlButton").position(); // work out the height of the content
    contentHeight = Math.floor(x.top)+240; 
    getScreenData(); // Reset the scrollbar
    event.preventDefault(); // stop page refresh
  });
});