jQuery Dropdown мерцает в Firefox, не работает в Chrome или Safari

Question

Мой эффект выпадающего списка, который я использую на обычных сайтах HTML / CSS, не очень хорошо работает на этом сайте WordPress: http://174.120.235.57/~phvne/

Я помещаю вызовы скрипта в нижний колонтитул прямо перед закрывающим тегом body.

Я новичок в использовании jQuery и WordPress ... любая помощь очень ценится !!!

Вот код jQuery, который я использую:

    jQuery(document).ready(function( $ ) {

    var speed=500;
    $('#nav li').hover(
        function () {
            //show its submenu
            $('ul', this).fadeIn(speed);
        }, 
        function () {
            //hide its submenu
            $('ul', this).fadeOut(speed);           
        }
    );
});

Answer 1

Чтобы быть в безопасности, вы можете избежать конфликта с другими JQuery на странице.Например, вы можете попробовать следующее:

$j=jQuery.noConflict();
$j(document).ready(function() {
    var speed=500;
    $j('#nav li').hover(
        function () {
            //show its submenu
            $j('ul', this).fadeIn(speed);
        }, 
        function () {
            //hide its submenu
            $j('ul', this).fadeOut(speed);           
        }
    );
});

Answer 2

Попробуйте использовать это:

$(document).ready(function () { 
var speed = 500; 
$('#nav li').hover(
    function () {
      //show its submenu
     $('ul', this).stop(true).slideDown(speed);
    },
    function () {
      //hide its submenu
     $('ul', this).stop().hide(speed);      
    }
  );
});

Это то, что я использую для раскрывающегося списка, и оно отлично работает.