jQuery单击菜单上的函数li锚- slideToggle不工作(WordPress)

Question

好的，我想要的是在点击菜单项时出现在菜单项下面的div。

下面是我的HTML (摘自WordPress源代码)：

<li id="menu-item-990" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-7">
    <a href="#" style="height: 88px; line-height: 88px;">
        <span class="avia-bullet"></span>
        <span class="avia-menu-text">Sign in</span>
        <span class="avia-menu-fx">
            <span class="avia-arrow-wrap">
                <span class="avia-arrow"></span>
            </span>
        </span>
    </a>
</li>
<div id="text-6" class="widget clearfix widget_text">
    <h3 class="widgettitle">How to sign in</h3>
    <div class="textwidget"></div>
</div>

还有一些CSS (这是内联的，还是应该在JS函数中应用一些CSS？)

#text-6 { visibility: hidden; }

然后我的JS：

$(document).ready(function() {
    $('#menu-item-990 a').click(function() {
        event.preventDefault();
        $('#text-6').slideToggle("fast");
    });
});

任何答案我都会感激的！希望你能帮忙:)

谢谢!

Answer 1

您在函数中忘记了您的param event：

$(document).ready(function() {
    $('#menu-item-990 a').click(function(event) {
            event.preventDefault();
            $('#text-6').slideToggle("fast");
    });
});

Answer 2

您需要在单击处理程序中传递event。

$('#menu-item-990 a').click(function(event) {
    event.preventDefault();
    $('#text-6').slideToggle("fast");
});

一定是在浏览器控制台上出错了。

Answer 3

首先，将"event“作为函数函数(Event)中的参数传递。

我也认为slideToggle不会影响能见度，它只会在none和block之间切换，并改变您的身高。设置显示:无；对您的项目，应该工作良好。