javascript - 显示/隐藏按钮在 Mac 上不起作用

Question

因此显示/隐藏按钮在 Windows 上的所有浏览器中都可以正常工作，但在 Mac 上的 Safari 和 Google Chrome 中无法正常工作。它要么根本不显示/隐藏列表，要么只显示部分元素......我用 (Son of) Suckerfish

用于多级下拉列表。这是网址: http://eximi.dreamhosters.com/Hawaii/pkdiet/pkd.php

用于显示/隐藏按钮的 JavaScript:

function toggleDiv()  
      {  
        if (document.getElementById("submenu").style.display == "block")  
        {  
          document.getElementById("submenu").style.display = "none";  
        }  
        else  
        {  
          document.getElementById("submenu").style.display = "block";  
        }  
      }

“suckerfish”部分的 CSS:

#nav, #nav ul {
    float: left;
    width: 14em;
    list-style: none;
    line-height: 1;
    font-family: Tunga, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 1em 0;
}

#nav a {
    display: block;
    width: 10em;
    w\idth: 6em;
    color: #996637;
    text-decoration: none;
    padding: 0.25em 2em;
}

#nav a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
    /*float: left;*/
    padding: 0;
    width: 10em;
}

#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;

    font-weight: normal;
    border-width: 0.25em;
    margin-left : 10.05em;
    margin-top : -1.35em;
}

#nav li li {
    padding-right: 1em;
    width: 13em
}

#nav li ul a {
    width: 13em;
    w\idth: 9em;
}

#nav li ul ul {
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

您可以在上面的 URL 上看到源代码中的 HTML。谢谢!

Answer 1

在你的 suckerfish.js 中，我在谷歌浏览器上遇到了这个错误:

uncought SyntaxError: unexpectect token <

虽然在 Firefox 中它可以工作，但抛出这个错误:

XML can't be the whole program 
//--><!]]></script>

看来你的 XML 结构注释把你搞砸了，唯一的区别是 chrome 在第一行开始停止，而 firefox 在最后停止