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

Question

在Safari中显示/隐藏似乎是一个问题。该网站看起来很新鲜。但是如果你单击左上角的第一个链接而不是返回，则显示/隐藏功能不再能够正常工作，并且您可以在彼此之上获得图层。注意：此问题仅在Safari中出现。

我使用过jQuery，这是我的show hide代码：

    <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>