javascript - Javascript 显示/隐藏无法在 Safari 中正确隐藏

Question

在 Safari 中显示/隐藏似乎是一个问题。该网站看起来不错新加载。但是，如果您单击左上角的第一个链接而不是返回，则显示/隐藏功能不再那么好用，并且您会得到彼此叠加的图层。注意：此问题仅在 Safari 中出现。

我使用过 jQuery，这是我的显示隐藏代码：

    <script type="text/javascript">
  function show(id) {
    document.getElementById(id).style.visibility = "visible";
  }
  function hide(id) {
    document.getElementById(id).style.visibility = "hidden";
  }
 </script>

网站链接：http ://www.smudesign2012.co.uk/

Answer 1

我建议你使用 jquery 来显示/隐藏元素。

function show(id){
    $('.student').hide(); // hide all students
    $('#'+id).show(); // show the student with applied ID
}

function hide(id){
    $('#'+id).hide(); // is this needed? Why not do the next one and skip the parameter to the function?
    $('.student').hide();
}

Answer 2

试试这个并注意.style.display的区别

 <script type="text/javascript">
  function show(id) {
    document.getElementById(id).style.display= "";
  }
  function hide(id) {
    document.getElementById(id).style.display= "none";
  }
 </script>