Как выделить первое слово в блоке или строке при помощи CSS и jQuery

Предельно простой способ выделить первое слово в строке или текстовом блоке HTML, используя CSS и jQuery.

Как обойти блокировку для счетчиков Яндекс.Метрика

Простой способ чтобы обойти блокировку системы Яндекс.Метрика для Украины. Достаточно немного изменить код счетчика, чтобы система работала по прежнему.

HTML-коды специальных символов и мнемоник

При написании статей для сайта приходится иногда кроме стандартного текста использовать и Специальные символы HTML. Приведенные ниже таблицы помогут быстро находить нужный код символа не только профи, но и новичкам

Памятка, как добавить и изменить HTML-код страницы

Кратенькая памятка о том как правильно сформировать и отформатировать текст для HTML-страницы вашего сайта

Как скопировать текст с «защищенного» сайта

Несколько очень простых, но эффективных методов, как скопировать текст, защищенный от копирования со страницы любого сайта

Защита текста статьи от копирования

Подборка несложных методов защиты от копирования текста вашей статьи на сайте.

Попеременно раскрывающийся текст (аккордеон) на Java

Необходимо, что бы при клике на ссылку попеременно раскрывался скрытый текст только этой ссылки, а на всех остальных ссылках раскрытый текст прятался.

Для реализации эффекта раскрывающегося текста при клике на ссылку потребуется достаточно простой Java-скрипт и немного HTML-разметки. В базовой реализации скрытый текст под ссылкой просто появляется, расталкивая текст ссылок выше и ниже, без каких-либо визуальных “украшений”.

Java-скрипт

Скрипт можно встроить прямо в сраницу, но лучше сохранить отдельно, назовем его unwrap_text.js

var show;
function look(type){
 param=document.getElementById(type);
 if(param.style.display == "none") {
  if(show) show.style.display = "none";
   param.style.display = "block";
   show = param;
  } else param.style.display = "none"
 }

HTML-разметка

<script src="js/unwrap_text.js"></script>
<h3><a onclick="look('wrap_txt1'); return false;" href="#">Ссылочка 1</a></h3>
 <div id="wrap_txt1" style="display:none">
  <p>Пример текста для блока 1
  <p>Пример текста для блока 1
 </div> 
<h3><a onclick="look('wrap_txt2'); return false;" href="#">Ссылочка 2</a></h3>
 <div id="wrap_txt2" style="display:none">
  <p>Пример текста для блока 2
  <p>Пример текста для блока 2
 </div> 
<h3><a onclick="look('wrap_txt3'); return false;" href="#">Ссылочка 3</a></h3>
 <div id="wrap_txt3" style="display:none">
  <p>Пример текста для блока 3
  <p>Пример текста для блока 3
 </div>

Теги <h3> можно просто заменить на <div>