0

好的,所以我有一个菜单,我想从另一个菜单下面滑下来。我不确定我是否正确设置了 jQuery。我将发布设计的图片链接。

导航设置设计

我所拥有的是头部的一部分,全部包含在 div 中,而没有。显示的菜单下方有一个菜单(底部的浅灰色部分),它包含在另一个 div (#subMenu) 中用于查询。基本上,我希望下面的那个向下滑动并通过单击图像中显示的顶部菜单上的链接来显示自己。

下面的菜单通过 z-index 和相对论分层并定位在页面上。它被命名为#SubMenu,高 60px,查询设置如下:

$(document).ready(function()){
//build a var to target #subMen div
var menu = $j('#subMenu')
//use click from link id
$('#menu-item-47').click(function(event){
    event.preventDefault();
    //if the menu is visible slide it up
    if (menu.is(":visible"))
        {
            menu.slideUp(50);
            $(this).removeClass("open");
        }
        //otherwise, slide menu down
        else
        {
            menu.SlideDown(50);
            $(this).addClass("open");
        }
});

});

然而,在 wordpress 中插入和设置后,单击链接后我没有得到任何效果。我可能在 wordpress 中安装它是错误的,但我宁愿从一开始就解决问题。因为如果代码设置错误,那就没有意义了。

4

1 回答 1

1

你有一个错字slideDown

此外,您应该使用jQuery而不是$因为 WP.noConflict()默认使用。

于 2013-03-06T23:01:53.643 回答