Как выполнить hover и событие клик для div блока?

Question

[fenucss]

Допустим есть div блок со следующими стилями:
<div id="box"></div>

#box {
     position: fixed;
     right: 1px;
     margin-top: 10px;
     width: 100px;
     height: 100px;     
}

Как можно сделать, чтобы при наведении на блок div (box:hover) блок плавно расширялся, в новом открытом блоке была например ссылка и при нажатии на эту ссылку два блока div открытых еще разворачивались. Схему развертки прилагаю. Заранее спасибо.

Answer 1

[Максим Тимофеев]

block1 вложить в block2 сделать блоку2 width:auto; а при наведении другой размер
дальше в js менять для 3-го менять display none на block при клике