Javascript 用jquery扩展logo，it'；有可能吗？

我对jquery有疑问（我相信使用它可以解决我需要的问题），我对页面顶部的徽标有一个想法，但没有找到一个可以解决这个问题的效果，我想，第一张图中是这样的：

当您将鼠标悬停在显示其文本跨度的徽标上时，徽标是静态的，例如：

---

这可能吗？

这是一个简单的演示，只使用HTML/CSS：

HTML

---

直接回答你的问题是可能的。这个问题有点让人困惑：图像是应该在悬停时更改，还是应该只更改文本？在你编辑它之前它工作了吗？什么不起作用，你用的是什么浏览器，我可以试试。

<h1>Logo
    <span>More Stuff</span>
    <div>Square</div>
</h1>

h1 span {
    display: block;
    overflow: hidden;
    height: 0;
    transition: height 0.5s ease 0s;
}

h1:hover span {
    height: 1.2em;
}