ドロップダウンメニューの動き
パソボラHP講習会で作成したドロップダウンメニュー（指示書17）のサブメニューを広がりながら現れるように加工した。
講習会でのマウスオンでサブメニューが現れる部分のCSS
.menu li ul{
display : none;
}
.menu li:hover ul{
display : block;
}
.menu li ul li{
float : none;
}
下記のとおりに書き換えた
.menu li ul li{
float : none;
overflow:hidden;
height:0;
transition:.5s;
}
.menu li:hover ul li{
overflow:visible;
height:30px;
}
サブメニュー項目（.menu li ul li）について、「display : none;」ではなく「overflow:hidden;」で非表示にし、メインメニューにマウスが乗った時サブメニュー項目（li:hover ul li）を高さ30pxに設定して「overflow:visible;」で表示した。