Иногда бывает так, что при написании хороших и качественных материалов статья занимает уж очень много места. Это я сейчас, прежде всего, об объеме статьи по символам или словам. При этом многие из моментов статьи кому-то понятны и подробнее описывать их нет смысла, а кто-то может заинтересоваться и комментариями. В этом случае не обойтись без скрытия определенного текста, когда есть возможность прочитать комментарии, а есть возможность пропустить ненужное и изучить все лишь поверхностно весь материал.
Так вот, именно о скрытии текста с помощью Java Script и пойдет речь в статье.
Собственно все по существу уже было сказано в анонсе, и теперь осталось лишь привести реальный пример, который бы реализовывал все вышесказанное.
Пример того, как скрыть текст в статье с помощью Java Script
Скажем у нас есть какой-то текст. Даже вот то, что вы сейчас читаете уже он и есть. В итоге нам надо кое-что указать как необязательное, то есть дополнительное в этом тексте, тогда это можно сделать так.
Пример 1 (для ссылки)Смотреть код
Хотелось бы привести еще один пример. Собственно он ничем особенно не ценен. Разве что добавляет разнообразия для возможностей привязать спойлер к кнопке или блоку. А ну да, здесь уже применяется оператор oncklick...
Пример 2 (для div & button)Смотреть код
Пример 3 (button), которая пропадает при выводе спойлера
Этот пример примечателен тем, что элемент активности пропадает после появления дополнительного текста. В итоге код еще немного сократился, так как обратного, то есть первоначального результата уже не добиться. То есть того, чтобы кнопка появилась вновь, так как "сам себя за волосы не вытянешь из болота", если ты не Мюнхгаузен, а значит else просто не нужен.
Смотреть код
На этом можно собственно и завершить эту статью, так как все что было скрыто, теперь стало явным.