0

我正在尝试在 Joomla 3.0 中创建一个非常简单的下拉菜单。slideDown 和 fadeOut 函数显然没有运行 - 当我将鼠标悬停在列表项上时,子列表会出现/消失而没有动画。使用 jquery 2.0.0,缓和 1.3。

HTML:

<ul>
<li><a href="#">List A</a>
    <ul>
        <li><a href="#">Sublist A</a>
        </li>
        <li><a href="#">Sublist Aa</a>
        </li>
    </ul></li>
<li><a href="#">List B</a>
    <ul>
        <li><a href="#">Sublist B</a>
        </li>
        <li><a href="#">Sublist Bb</a>
        </li>           
    </ul></li>
</ul>

JS:

var $j = jQuery.noConflict();
$j(function(){

var mainLi = $j('#main_nav ul li');

mainLi
.find('ul')
.hide()
.end()
.hover(function () {

    $j(this).find('> ul').stop(true, true).slideDown('slow');

}, function() {

    $j(this).find('> ul').stop(true, true).fadeOut('fast');     

});

});
4

0 回答 0