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>