Обсуждение шаблона:Spoiler
Чтобы спойлеры работали, нужно добавить js и css.
В common.css:
.spoiler { background: #EEEEEE; display: inline-block; padding: 0.2em 0.5em; border-radius: 0.3em; } .spoiler > .spoiler_title { cursor: pointer; display: inline-block; } .spoiler > .spoiler_title:hover { text-decoration: underline; text-decoration-style: dotted; } .spoiler > .spoiler_inner { display: none; font-size: 90%; max-width: 50em; } .spoiler.expanded > .spoiler_inner { display: block; }
В common.js:
function init_spoilers() { $(document).on('click', '.spoiler > .spoiler_title', function(e) { e.stopPropagation(); var spoiler = $(e.target).parent(); var inner = $('.spoiler_inner', spoiler); var expanded = spoiler.hasClass('expanded'); if(expanded) { inner.slideUp(); } else { inner.slideDown(); } spoiler.toggleClass('expanded'); }); } $(init_spoilers);