سلام دوستان
من یه منو دارم که وقتی روی گزینه های اصلی میره بعضی هاشون sub menu دارین که نشون داده میشه و بعد از اون مخفی میشه.مشکل من این هست که زمانی که طول میکشه یه sub menu نشون داده بشه اگر در اون زمان قرار باشه یه sub menu دیگه نشون داده بشه ،نمایش sub menu قبلی قطع نمیشه و زمانی که پیش فرض برای نمایش اون در نظر گرفته شده باید تموم بشه تا نمایش sub menu بعدی شروع بشه. این هم کد:
$(document).ready(function () {
$("ul.submenu").parent().find("a:first").append("< span></span>");
$("ul#menu li a, ul#menu li span").mouseenter(function () {
$(this).parent().find("ul.submenu").toggle(300);
});
$("ul#menu li").not("ul#menu li ul li").hover(function () {
}, function () {
$(".submenu").animate({ height: 'hide', opacity: 'hide' }, 'fast');
});
$(".submenu li a").hover(function () {
//$(this).animate({ paddingRight: "20px" }, 200);
$(this).addClass("overRed");
},
function () {
//$(this).animate({ paddingRight: "15px" }, 1);
$(this).removeClass("overRed");
}
);
});
پاسخ با نقل قول
تست کن
