我想用jquery,將超過下面的HTML的fieldset 高度的元件先藏起來,等到滑鼠hover上去
才顯示
本來我想用overflow:hidden,的確網頁一開始就把超過的元件藏起來
可是當我hover上去,原來被藏起來的元件,就一下子就跑出來,感覺有點突兀
我希望做出slideDown的效果
可是還是沒有效用,用Firebug看,會有error
我的jquery:
$('#test_fie').hover(function(){
$(this).height(200).slideDown("slow");
},function(){
$(this).height(100).slideUp("slow");
});
我的Html:
<fieldset id="test_fie" style="height:100px;width:50px;overflow:hidden">
<ul>
<li class="test">1</li>
<li class="test">2</li>
<li class="test">3</li>
<li class="test">4</li>
<li class="test">5</li><li class="test">6</li><li class="test">7</li>
</ul>
</fieldset>
謝謝幫忙
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 124.10.212.57