محاولة إنشاء القائمة المنسدلة jQuery سريعة

Question

لست متأكدا مما إذا كنت أفعل هذا صحيحا، لكنني أحاول إنشاء قائمة هبوطية بسيطة في JQuery. أريد أن أثبت DIV (مع روابط) بمجرد تحريك عنصر القائمة ..

قائمة الطعام:

<ul id="mainlevel">
  <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
  <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
  <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>

الحف المخفي:

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

مسج:

$(".mainlevel_feature-writers").hover(function(){ 
  $(".subMenu").fadeIn("slow"); 
}, function() { 
  $(".subMenu").fadeOut("slow"); 
});

الآن، هذا يتلاشى في الحف المخفية ويخيلها بشكل جيد، ولكن - كيف يمكنني منعه من تلاشى إذا كان شخص ما يحوم على شيء داخل DIV موجود حديثا؟

آسف إذا كان هذا سؤال واضح حقا .. ما زلت أتعلم! :)

Answer 1

أعتقد أنك بحاجة إلى فصل التعامل مع mouseover و mouseout الأحداث.

من المفترض أن تريد mouseover معالج أن تعلق على عنصر القائمة "المستوى العلوي"، و mouseout يتم إرفاق المعالج بالحب "المنسدل" الخفي (مع بعض كود الدولة لإدارة الصراعات).