Nefunkční kód na skrývání/odkrývání panelu

<script type='text/javascript'>

  function switch() {
    
    var id = document.getElementById('about-me');
       
    if (id.style.display == \"none\") {
    
      id.style.display = \"block\";
      
    } else {
    
      id.style.display = \"none\";
    
    }
    
  }
  
  function switch2() {
    
    var id = document.getElementById('references');
       
    if (id.style.display == \"none\") {
    
      id.style.display = \"block\";
      
    } else {
    
      id.style.display = \"none\";
    
    }
    
  }
  
</script> 

<script type='text/javascript'>
  
    document.write(\"<span onclick='switch2()' class='aboutme-link'><a href='#extended'>References</a></span> | \");
    document.write(\"<span onclick='switch()' class='aboutme-link'><a href='#extended'>About me</a></span> | \");
    
</script>

<div id='about-me' style='display: none;'>
  Hello, my name is Lukas and I am 15 years old. I am a young web developer and webmaster.
  I was 12 years old, when I started make a websites in languages HTML and CSS. In time I learned next languages PHP and SQL,
  because there are the most popular web-languages. In this time I am working on a big gaming site for my friend (own CMS). 
</div>

<div id='references' style='display: none;'>

  aaa

</div>

<noscript>

  <div id='about-me'>
  
    Hello, my name is Lukas and I am 15 years old. I am a young web developer and webmaster.
    I was 12 years old, when I started make a websites in languages HTML and CSS. In time I learned next languages PHP and SQL,
    because there are the most popular web-languages. In this time I am working on a big gaming site for my friend (own CMS).  
  
  </div>
  
  <div id='references'>

    aaa

  </div>

</noscript>