0

画像を使った縦型メニューを作るのに苦労しています。

5つの画像があり、それらをすべて「折りたたみ」モードで表示したいのですが、クリックすると、クリックした画像が拡大され、他の画像が折りたたまれてスペースが確保されます。

私はもうすぐそこにいます:http://jsbin.com/eyepam/2/

しかし、次のように完全に機能させることはできません。

  • メニューが利用可能な幅いっぱいに拡大されることはありません (常に右側に白い余白があります)
  • サイズをリセットするとき、アニメーションは十分に滑らかではありません。アニメーションを実際よりも少し滑らかにしたいと思います (最初にすべてを休ませてからクリックしたものを展開するように見えます。クリックしたものを展開し、他のすべてを折りたたむというアイデアでした)。 ...スムーズに)

CSS の知識が豊富な人は、そこにたどり着くのに役立ちますか?

4

1 に答える 1