Widget:FrenchToggles
<script> // English to french verse toggle $(document).ready(function() { $('.english-french-verse-toggle').click(function() { $(this).css('display', 'none'); $(this).siblings('div:first-of-type').css('display', 'none'); $(this).siblings('div:nth-of-type(2)').css('display', 'block'); $(this).siblings('.french-english-verse-toggle').css('display', 'block'); }); $('.french-english-verse-toggle').click(function() { $(this).css('display', 'none'); $(this).siblings('div:first-of-type').css('display', 'block'); $(this).siblings('div:nth-of-type(2)').css('display', 'none'); $(this).siblings('.english-french-verse-toggle').css('display', 'block'); }); $('li#showFrenchVerses').click(function() { $(this).css('display', 'none'); $('li#showEnglishVerses').css('display', 'list-item'); $('.english-verse, .english-french-verse-toggle').css('display', 'none'); $('.french-verse, .french-english-verse-toggle').css('display', 'block'); }); $('li#showEnglishVerses').click(function() { $(this).css('display', 'none'); $('li#showFrenchVerses').css('display', 'list-item'); $('.english-verse, .english-french-verse-toggle').css('display', 'block'); $('.french-verse, .french-english-verse-toggle').css('display', 'none'); }); }); </script>