Double click furigana

back.html

<div class="reading">
  <a href="http://jisho.org/search/{{text:kanji:Reading}}">
     <span id="expression-content">{{kanji:Expression}}</span>
    <span class="hidden" id="reading-content">{{furigana:Reading}}</span>
  </a>
</div>

<hr>
<div class="snapshot">
  <span class='audio' >{{Audio}}</span>
</div>

<div  class="answer">

<div class="">
  <a id=explanation href="http://jisho.org/search/{{text:kanji:Meaning}}">  
    {{furigana:Meaning}}
  </a>
</div>
<br>
<div class="dim">
  <a class="dim" href="http://jisho.org/search/{{text:kanji:OriginalReading}}">  
    {{furigana:OriginalReading}}
  </a>
</div>
<div id="phonetics"><a href="http://jisho.org/search/{{text:kanji:Phonetics}}%23kanji">{{Phonetics}}</a></div>

<span class="dimmer">
{{comments}}
<br>
{{#additional}}
	{{additional}}
	<br>
{{/additional}}
</span>




</div>

<div class="info">
<span class="dimmer">{{furigana:Rule}}</span>
</div>
{{#Keyword}}
  <div id="keyword">{{Keyword}}</div>
{{/Keyword}}


<script>
 function linkHit (e) { 
      e.preventDefault();
      e.stopPropagation();
      reading.classList.remove('hidden');
      expression.classList.add('hidden');
  }
  var reading    = document.getElementById("reading-content");
  var expression = document.getElementById('expression-content');
  var clicked = false;
  expression.addEventListener('click', function(e){
     if (reading.innerText !== expression.innerText && !clicked) {
       clicked = true;
       linkHit(e);
     }
  });
document.addEventListener('keydown', function(e) {
  if(e.keyCode === 96){
	linkHit(e);
  }
}); 
</script>


</div>