Question

的JavaScript

tRESTClient

下拉菜单会下降，但不会再次消失。那是因为我把它写给了Jquery 在Js它的作品

Answer 1

使用样式切换is-hidden之类的css-class会更好：

.is-hidden {
    display: none;
}

结果你的功能将是：

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

Answer 2

在$(".x-span-drop-menu").css("display", "none")条件下使用if设置css属性，函数将返回 truthy 值，因此执行true块，使元素再次可见。< / p>

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

我建议您使用:visible和.is()

function myFunction() {
    var span = $(".x-span-drop-menu");
    if (span.is(":visible") == false) {
        span.css("display", "block");
    } else {
        span.css("display", "none");
    }
}

Answer 3

当您使用jQuery时，使用toggle等功能可能很简单：

$( ".x-span-drop-menu" ).toggle( display );

相当于：

if ( display === true ) {
  $( ".x-span-drop-menu" ).show();
} else if ( display === false ) {
  $( ".x-span-drop-menu" ).hide();
}

Answer 4

使用切换功能显示和隐藏。简单

$(".x-span-drop-menu").toggle();

Span下拉选择Jquery

4 个答案: