javascript - 查询。语法有问题吗？

Question

$('#buttons1').on('click', function(event) {             

    $('#button1content').toggle('show');
    var wasVisible = $("#button1content").is(":visible");
    if(!wasVisible) {
        $("#buttons1").css("opacity", "0.5");
    }
});

Toggle 工作得很好，但是当 #button1content 不再可见时，if 语句中的任何内容都不会执行。嘘。可能是我的代码的另一部分搞砸了，但我只想知道这是否有任何问题。

Answer 1

您的变量 wasVisible 将始终返回 true

• 您可以将切换 放在最后一部分。

您可以像这样重新排序您的代码。

$('#buttons1').on('click', function(event) {             

    var wasVisible = $("#button1content").is(":visible");
    if(!wasVisible) {
        $("#buttons1").css("opacity", "0.5");
    }
    $('#button1content').toggle('show'); 
});

JSFIDDLE DEMO

---

或

---

• 只需删除 toggle 上的 'show' 即可使用

  $('#button1content').toggle();

像这样:

$('#buttons1').on('click', function(event) {             

    $('#button1content').toggle();
    var wasVisible = $("#button1content").is(":visible");
    if(!wasVisible) {
        $("#buttons1").css("opacity", "0.5");
    }
});

JSFIDDLE DEMO