Developer Notes

Duplicated page: /carthage-early-history/ & /carthage-punic-wars/ (BEM 8/4/2013)

Status: To force menus to display correct and intuitive title, /carthage-early-history/ duplicated as /carthage-punic-wars/
Action: make changes on both pages

Status: used in Chs. 1, 2, 3, 5, 6, 7, 8, 9, 12
Action: whenever those pages are updated, script must be manuall added to html (disable rich-text; add)

<style>

.hide {

display: none;

}

</style>

(function ($) {

// Hide the extra content initially, using JS so that if JS is disabled, no problemo:

$('.read-more-content').addClass('hide')

// Set up a link to expand the hidden content:

.before('<a class="read-more-show" style="color: #0074bd; text-decoration: none;" href="#">[more]</a>')

// Set up a link to hide the expanded content.

.append(' <a class="read-more-hide"style="color: #0074bd; text-decoration: none;" href="#">[less]</a>');

// Set up the toggle effect:

$('.read-more-show').click(function(e) {

$(this).next('.read-more-content').removeClass('hide');

$(this).addClass('hide');

e.preventDefault();

});

$('.read-more-hide').click(function(e) {

$(this).parent('.read-more-content').addClass('hide').parent().children('.read-more-show').removeClass('hide');

e.preventDefault();

});

})(jQuery);

</script>

Suggested Citation