私が作成したドロップダウン ナビゲーション用に作成した jQuery は、非常に不安定でスムーズではありません。誰かが以下のjQueryを見て、それを変更してできるだけスムーズにするために何ができるか教えてもらえますか?
ありがとう
jQuery.noConflict();
var time = 0;
jQuery(document).ready(function () {
// mouseenter
jQuery('ul.scmegamenulist li.scmegamenumain').mouseenter(
function openmenu() {
// slideDown / fadeIn / show
if(<?php echo Mage::getStoreConfig('megamenu/jquery/enable',Mage::app()->getStore()); ?> == 1){
var openeffect = <?php echo Mage::getStoreConfig('megamenu/jquery/open',Mage::app()->getStore()); ?>;
var opentime = <?php echo Mage::getStoreConfig('megamenu/jquery/opentime',Mage::app()->getStore()); ?>;
if(openeffect == 1){
jQuery(this).children('div.scmegamenusub').stop(true, true).hide().delay(time).fadeIn(opentime);
}else if(openeffect == 2){
jQuery(this).children('div.scmegamenusub').stop(true, true).hide().delay(time).slideDown(opentime);
}
else if(openeffect == 3){
jQuery(this).children('div.scmegamenusub').stop(true, true).hide().show();
}
else if(openeffect == 4){
jQuery(this).children('div.scmegamenusub').stop(true, true).hide().delay(time).show(opentime);
}
}
}
);
// mouseleave
jQuery('ul.scmegamenulist li.scmegamenumain').mouseleave(
function closemenu() {
// slideUp / fadeOut / hide
if(<?php echo Mage::getStoreConfig('megamenu/jquery/enable',Mage::app()->getStore()); ?> == 1){
var closeeffect = <?php echo Mage::getStoreConfig('megamenu/jquery/close',Mage::app()->getStore()); ?>;
var closetime = <?php echo Mage::getStoreConfig('megamenu/jquery/opentime',Mage::app()->getStore()); ?>;
if(closeeffect == 1){
jQuery(this).children('div.scmegamenusub').stop(true, true).show().fadeOut(closetime);
time = closetime;
}else if(closeeffect == 2){
jQuery(this).children('div.scmegamenusub').stop(true, true).show().slideUp(closetime);
time = closetime;
}else if(closeeffect == 3){
jQuery(this).children('div.scmegamenusub').stop(true, true).show().hide();
time = 0;
}else if(closeeffect == 4){
jQuery(this).children('div.scmegamenusub').stop(true, true).show().hide(closetime);
time = closetime;
}
}
}
);
});