まず普通に 出てる状態を作り
消して
ホバーで見せる
hidden 0がポイント
参考
http://weboook.blog22.fc2.com/blog-entry-359.html
<li class="line"><img src="img/menu/line.png" width="1" height="29" /></li> <li><img src="img/menu/menu-04_off.jpg" width="127" height="61" /> ここから <ul class="drop_down"> <li class="chill"><a href="<?php echo home_url(); ?>/?page_id=34">尾張旭店</a></li> <li class="chill"><a href="<?php echo home_url(); ?>/?page_id=37">日進店</a></li> </ul> ここまで </li> <li class="line"><img src="img/menu/line.png" width="1" height="29" /></li>
.drop_down{
z-index: 10000;
overflow: visible!important;
position: absolute;
width: 127px;
}
.drop_down li{
width: 100%;
background-color: #24AC66;
/*ここで隠し*/
height: 0px!important;
overflow:hidden!important;
/*/ここで隠し*/
}
/*ここでみせる*/
.d_navi_main_in ul li:hover .drop_down li{
height: auto!important;
overflow: visible!important;
}
/*/ここでみせる*/
.drop_down li a{
color: #FFF;
background-color: #2CB370;
text-align: center;
width: 100%;
display: block;
padding-top: 10px;
padding-bottom: 10px;
}
.drop_down li a:hover{
/*background-color: #ff8e00;*/
text-decoration: none;
background-color: #74491C;
}