javascript - 这个三元表达式有什么问题？

Question

我只是想在display: block;和之间切换display: none;。

($('#menu').css('display') = "block") ? $('#menu').css('display', 'none') : $('#menu').css('display', 'block');

Answer 1

更改=为==

($('#menu').css('display') == "block") ? $('#menu').css('display', 'none') : $('#menu').css('display', 'block');

Answer 2

您无需尝试重​​新发明轮子。jQuery 已经有一个方法可以为你做到这一点：.toggle().

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

Answer 3

我会通过使用:visible而不是显式检查特定display值来进行小改动。

$('#menu').css('display', $('#menu').is(':visible') ? 'none' : 'block');

Answer 4

您正在使用=而不是==进行比较。

试试这个：

(function(e) {e.display = e.display == 'none' ? 'block' : 'none';})(document.getElementById('menu').style);