Обсуждение шаблона: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);