Bu örneği nasıl yapabilirim ? (facebooktan bir örnek)

 
  <script type="text/javascript"> 
  function ackapa(altmenu) { 
   if (document.getElementById(altmenu).style.display == 'none') { 
   document.getElementById(altmenu).style.display = 'block' 
   } else { 
   document.getElementById(altmenu).style.display = 'none' 
   } 
  } 
  </script> 
   
  <ul id="nav"> 
  <li><a href="/">Açılmayan</a></li> 
  <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=25964415&url=#" onclick="ackapa('acilacak'); return false" data-href="#" onclick="ackapa('acilacak'); return false">Açılan</a> 
  <ul id="acilacak" style="display: none;"> 
  <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=25964415&url=#" data-href="#">açık hali</a></li> 
  </ul> 
  </li>