webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

mega drop-down menu その3

script

  • accordion menuに近いスクリプトですが、動いてくれます。
  • まずは一つだけですが、今日はこれまで。

<script>
$(function(){
$('#mddWrap').hide();
$('#mddNav>ul>li').on('mouseover',function(){
var wrap=$(this).children('#mddWrap')
wrap.stop();
wrap.slideDown();
});
$('#mddNav>ul>li').on('mouseout',function(){
var wrap=$(this).children('#mddWrap')
wrap.stop();
wrap.slideUp();
});
});
</script> 

f:id:ohta-felica:20160612222257p:plain