菜單Li錨點上的jQuery單擊功能-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

您需要在點擊處理程序中傳遞event 。

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

您必須在瀏覽器控制台上出現錯誤

Answer 2

您忘記了函數中的param event ：

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

Answer 3

首先，將“事件”作為參數傳遞給函數function（event）。

我也相信slideToggle不會影響可見性，它只會在無和可見之間切換並改變您的身高。 設置顯示：無； 到您的商品，應該工作正常。