African Review September 2012 </p><div class="addtoany_container"><span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://africanreview.com/magazine-archives/african-review-september-2012" data-a2a-title="African Review September 2012"> <a class="a2a_button_facebook"></a> <a class="a2a_button_linkedin"></a> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_x"></a> </span> </div> </section> </div> </section> <section class="row article-navigation bottom"> </section> </article> </div> </div> <!-- //MAIN CONTENT --> </div> </div> <!-- FOOTER --> <footer id="t3-footer" class="wrap t3-footer"> <div class="container"> <!-- ACP Start --> <section class="t3-copyright"> <div class="row"> <div class="col-md-12 copyright "> <small>Copyright © 2025 Alain Charles Publishing Ltd.</small> </div> </div> </section> <!-- ACP End --> </div> </footer> <!-- //FOOTER --> <!-- BACK TOP TOP BUTTON --> <div id="back-to-top" data-spy="affix" data-offset-top="200" class="back-to-top hidden-xs hidden-sm affix-top"> <button class="btn btn-primary" title="Back to Top"><span class="fa fa-angle-up"></span></button> </div> <script type="text/javascript"> (function($) { // Back to top $('#back-to-top').on('click', function() { $("html, body").animate({ scrollTop: 0 }, 500); return false; }); })(jQuery); </script> <!-- BACK TO TOP BUTTON --> <!-- Google tag (gtag.js) --> <script defer src="https://www.googletagmanager.com/gtag/js?id=G-303441QJJ9"></script> <script src="https://cdn-eu.pagesense.io/js/alaincharles/9a9738cf2456433287c9dfa3ce17fee1.js" defer></script> <!-- Matomo --> <noscript><p><img src="https://ws.alaincharles.com/matomo.php?idsite=45&rec=1" style="border:0;" alt="" /></p></noscript> <!-- End Matomo Code --> </div> </div> <script src="https://africanreview.com/minify/v1/article_dd9b1558417f/master-body-v1.js?v=1" type="text/javascript"></script> <script type="module" src="/templates/ja_teline_v/js/lite-vimeo-embed.js" defer></script> <script> /* document.addEventListener('DOMContentLoaded', function() { // Step 1: Find the element const contentElement = document.querySelector('.article-content-main'); if (contentElement) { console.log("Found the element with class 'article-content-main'."); } else { console.error("Error: Element with class 'article-content-main' not found."); return; // Stop execution if the element is not found } // Step 2: Extract text content const fullText = contentElement.innerText.trim(); if (fullText) { console.log("Successfully extracted text content:", fullText.slice(0, 100) + "..."); } else { console.error("Error: Failed to extract text content from 'article-content-main'."); return; // Stop execution if text extraction fails } // Step 3: Split text into words const words = fullText.split(/\s+/); console.log("Total words in content:", words.length); // Step 4: Check word limit const wordLimit = 400; if (words.length > wordLimit) { console.log(`Content exceeds ${wordLimit} words. Proceeding to apply 'Load More' feature.`); // Step 5: Separate visible and hidden text const visibleText = words.slice(0, wordLimit).join(' '); const hiddenText = words.slice(wordLimit).join(' '); // Step 6: Replace content and add "Load More" button contentElement.innerHTML = `<span class="visible-content">${visibleText}</span>`; // Step 7: Add hidden content const extraContent = document.createElement('span'); extraContent.className = 'extra-content'; extraContent.style.display = 'none'; extraContent.innerText = ` ${hiddenText}`; contentElement.appendChild(extraContent); // Step 8: Create "Load More" button const loadMoreBtn = document.createElement('button'); loadMoreBtn.innerText = 'Load More'; loadMoreBtn.style.cursor = 'pointer'; loadMoreBtn.style.color = 'blue'; loadMoreBtn.style.background = 'none'; loadMoreBtn.style.border = 'none'; loadMoreBtn.style.textDecoration = 'underline'; contentElement.appendChild(loadMoreBtn); // Step 9: Toggle extra content on button click loadMoreBtn.addEventListener('click', function() { if (extraContent.style.display === 'none') { extraContent.style.display = 'inline'; loadMoreBtn.innerText = 'Show Less'; } else { extraContent.style.display = 'none'; loadMoreBtn.innerText = 'Load More'; } }); console.log("Load More button and extra content successfully added."); } else { console.warn(`Content does not exceed the word limit of ${wordLimit} words.`); } }); */ </script> </body> </html>
