マウスオーバー時にdivを展開する。これはフォローアップである

Question

（左側または右側に展開）：私はホバー状態でより多くのコンテンツを追加したい

Expanding Div..... stackoverflow

。 「標準」（w：100px、h：100px）には50px（w/h）の画像があり、中央に小さな中心のキャプションが表示されます。 「ホバー」（w：300px、h：100px）は「ノーマル」と同じですが、画像の左側とキャプションまたは右側で拡大でき、反対側にはさらに多くのコンテンツがあります。

どうすればいいですか？

---

ハーレー

Answer 1

これを試してみてください：私は.jsファイルを経由して、これをやっている

.myDiv .hoverContent { 
    display: none; 
} 
.myDiv:hover .hoverContent { 
    display: block; 
} 
.myDiv:hover img { 
    float: left; 
}