javascript - Span 下拉列表选择 Jquery

Question

JavaScript

function myFunction() {
    if ($(".x-span-drop-menu").css("display", "none")) {
        $(".x-span-drop-menu").css("display", "block");
    } else {
        $(".x-span-drop-menu").css("display", "none");
    }
}

下拉菜单下降但不会再次消失。那是因为我把它写到Jquery在 Js 中它可以工作

Answer 1

最好使用样式切换 css-class，例如 is-hidden:

.is-hidden {
    display: none;
}

结果你的功能将是:

function toggleFunc() {
    $(".x-span-drop-menu").toggleClass('is-hidden');
}