X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/4cadef92cdc776f7da86edfd1bd3547f4d91c816..b93158529c5fceeb2b9d6a054e02dcc319a104b8:/src/wolnelektury/static/js/base.js diff --git a/src/wolnelektury/static/js/base.js b/src/wolnelektury/static/js/base.js index adc340bfb..1cb62a485 100644 --- a/src/wolnelektury/static/js/base.js +++ b/src/wolnelektury/static/js/base.js @@ -234,6 +234,26 @@ tlite(function (el) { return $(el).hasClass('tlite-tooltip'); }); + + /* more/less switch from https://codepen.io/JoshBlackwood/pen/pEwHe */ + // Hide the extra content initially, using JS so that if JS is disabled, no problemo: + $('.read-more-content').addClass('hide'); + $('.read-more-show, .read-more-hide').removeClass('hide'); + + // Set up the toggle effect: + $('.read-more-show').on('click', function(e) { + $(this).next('.read-more-content').removeClass('hide'); + $(this).addClass('hide'); + e.preventDefault(); + }); + + // Changes contributed by @diego-rzg + $('.read-more-hide').on('click', function(e) { + var p = $(this).parent('.read-more-content'); + p.addClass('hide'); + p.prev('.read-more-show').removeClass('hide'); // Hide only the preceding "Read More" + e.preventDefault(); + }); }); })(jQuery);