用jquery展開徽標，有可能嗎？

Question

我對jquery有疑問（我相信使用相同的方法會解決我需要的）我對頁面頂部的徽標有一個想法，但是還沒有找到可以解決這個問題的效果，我認爲，是繼第一圖像中：

標識是靜態的，當你將鼠標懸停在展示他的文字跨度的標誌，例如：

這可能嗎？

Answer 1

這是給你一個粗略的演示，只用HTML/CSS：

HTML

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

CSS

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

h1:hover span { 
    height: 1.2em; 
}