Skip to content

Instantly share code, notes, and snippets.

@juliangruber
Created December 8, 2013 20:55
Show Gist options
  • Save juliangruber/7863704 to your computer and use it in GitHub Desktop.
Save juliangruber/7863704 to your computer and use it in GitHub Desktop.
Array.prototype.forEach.call(document.querySelectorAll('#tracks li div'), function(track) {
track.addEventListener('click', function(e) {
e.preventDefault();
var lyrics = e.target.parentNode.querySelector('p');
lyrics.style.display = lyrics.style.display == 'none'
? 'block'
: 'none';
});
});
<ol id="tracks">
<li>
<div>Track one</div>
<p>Lyrics</p>
</li>
<li>
<div>Track two</div>
<p>Lyrics...</p>
</li>
</ol>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment