Даже если вы только начали заниматься веб-разработкой, то наверняка уже знаете, что для перехода к нужному блоку на странице (прокрутке в нужное место) можно использовать якоря - ссылки вида: <a href="#block-id">Текст ссылки</a> Переход по такой ссылке автоматически прокрутит страницу к блоку с нужным id. А можно ли не "прокручивать", просто сделать такой блок скрытым и показывать его только после нажатия на ссылку? Давайте попробуем, - при клике по ссылке увидим плавно выезжающее слева сообщение...

При размещении текста на сайтах часто требуется, не показывать весь текст целиком, а скрыть его большую часть под кнопкой «подробнее», по нажатию на которую будет показываться весь текст целиком. Также данный функционал хорошо будет смотреться на странице с «часто задаваемыми вопросами» (faq), по нажатию на вопрос будет раскрываться ответ на данный вопрос. Пример для страницы...