- 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
- Temporary More/less toggle script (BEM 8/4/13)
- 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>
<script type="text/javascript">
(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>
<span class="read-more-content">