ドロップダウンメニューがデフォルトで出ていて困っています…

▼問題の状況▼
http://g5187066.k-free.net/dropdown/
↑
これが起きている現象なのですが、表題の通りドロップダウンメニューがデフォルトで出ているんです…。
けど、一回hoverして離すと消えてくれます。
　↑
ここの状態がデフォルトであってほしいのですが、どうしても解決できず困っています(>_<)

多分書いている「書いているメガドロップダウンメニューのjQuery」でどうにかできると思うのですが、ご教授いただけないでしょうか…ググってもググっても解決できず泣きそうなのです…

書いているメガドロップダウンメニューのjQuery
　　　　　　↓
　$(function(){
　　$('#gNav > ul > li').hover(function(){
　　　Panel = $(this).children('.Wrap');
　　　Panel.each(function(){
　　　Panel.css({display:'block',opacity:'0'}).stop().animate({opacity:'1'},500);
　　　});
　　},
　　function(){
　　　Panel.css({display:'none'});
　　});
　});

No.2 ベストアンサー 回答者： yambejp 回答日時： 2017/10/17 17:44

あー、ちょっと見誤ってました

消すのは.children('.Wrap').hide();

$(function(){
$('#gNav > ul > li').hover(
function(){
Panel = $(this).children('.Wrap');
Panel.each(function(){
Panel.css({display:'block',opacity:'0'}).stop().animate({opacity:'1'},500);
});
},
function(){
Panel.css({display:'none'});
}).children('.Wrap').hide(); //← これ
});

この回答へのお礼

感謝感激雨霰です！！！(´；ω；`)ｳｩｩ
見事に実現できました！！！！
あと30分くらいでめちゃくちゃ怒られるところでした！！！
( ﾉД`)ありがとうございます！！

お礼日時：2017/10/17 17:59

No.1 回答者： yambejp 回答日時： 2017/10/17 17:20

たんに

$('#gNav > ul > li').hide()
しておけばよいのでは？

この回答へのお礼

ありがとうございます！！
けどやってみたのですが、これをやると何も動かなくなりました…(T_T)
すみません…私がド素人すぎてなにか間違っているのでしょうか…？


　$(function(){
　　$('#gNav > ul > li').hide(){
　　　Panel = $(this).children('.Wrap');
　　　Panel.each(function(){
　　　Panel.css({display:'block',opacity:'0'}).stop().animate({opacity:'1'},500);
　　　});
　　},
　　function(){
　　　Panel.css({display:'none'});
　　});
　});

↑
こういうことであってるのでしょうか？

お礼日時：2017/10/17 17:36