Спойлер для текста на JavaScript и CSS

<div class="skryty-tekst-spoyler">
  <p>Около десяти лет назад SEO не было чем-то обыденным для <span class="skryvatsya" onclick="view('t1'); return false">скрытыя блока с описанием</span>, или даже чем-то, что считалось необходимостью для бизнеса.</p>
  <span id="t1" class="skrytogo-teksta">
  Хотя это является частью этого, это не единственное, что влечет за собой веб-дизайн.
  </span>
  <p>Люди обычно считают, что веб-дизайн - это создание веб-сайта, который выглядит стильно и <span class="skryvatsya" onclick="view('t2'); return false">эстетично по своему оформлению.</span>.</p>
  <span id="t2" class="skrytogo-teksta">
  Для тех из вас, кому неясно, что мы подразумеваем под метриками или KPI, мы говорим о стандартах успеха SEO.
  </span>
  <p>Является ли это рекламным или информативным, цель любого электронного письма состоит в том, чтобы достичь почтового ящика целевой аудитории.</p>
</div>

.skryty-tekst-spoyler {
  max-width: 910px;
  padding: 9px;
  margin: 0 auto;
}
/* скрытый блок */
.skrytogo-teksta {
  display: none;
  margin: 4px 0px;
  padding: 8px;
  width: 98%;
  border: 1px solid #4183d2;
  background: #ddeeff;
  border-radius: 3px;
}
/* текст */
.skryvatsya {
  color: #f36119;
  cursor: help;
}
.skryvatsya:hover {
  color: #3a74ce;
  cursor: help;
}

function view(n) {
  style = document.getElementById(n).style;
  style.display = (style.display == 'block') ? 'none' : 'block';
}