JavaScript onClick 仅在第二次点击后起作用

Question

我发现了另一个类似的问题，但几乎都是针对高级问题的，比如 Android 开发。我想我的问题很简单。我有这两个代码:

function toggle(d)
{
    var o=document.getElementById(d);
    o.style.display=(o.style.display=='none')?'block':'none';
}

在另一个文件中，我得到了:

<a href="javascript:;" onmouseover="toggle('maisinfo');">More Info </a>

当我点击获得鼠标悬停(第二个代码)时，它在第二次尝试后才起作用。

谁知道问题出在哪里？

Obs.: 第一个代码在 header.php 中，第二个在 single.php (WORDPRESS) 中

Answer 1

第一次，d由CSS设置； JavaScript 看不到该样式属性(请参阅 Get the Rendered Style)。它最初看到 o.style.display === ""(不是'none')。因此，第一次点击将其设置为无，第二次点击将其设置为阻止。

将其更改为:

o.style.display = (o.style.display === 'block') ? 'none':'block';