спойлер в html на главной

[Amaroid 0]

Помогите пожалуйста с такой реализацией .

Хочу на главной странице сделать приветствие и описание сайта и его категорий , но текст получается большой.

Чтобы не портить вид главной страницы хотелось бы чтобы часть текста пряталось под спойлер примерно также как в новостях , но с условием чтобы текст индексировался поисковиками . То есть на главной странице при её открытии будет виден только текст приветствия и если пользователь захочет почитать весь текст то нажмёт допустим ссылку "открыть весь текст" и прочитает его , но с условием что весь текст будет виден с исходного кода и поисковики его тоже будут читать беспрепятственно.

[celsoft 6 006]

но с условием чтобы текст индексировался поисковиками .

Поисковики не индексируют скрытые тексты и слои.

[- Den - 32]

Могу предложить вам варинт без использования скриптов, только на CSS и с ПС будет всё гуд.

Создаёте блок с нужной фиксированной высотой и задаете параметр overflow

<div style="height:200px; overflow:auto">

  <p>Dolorum inimicus aliquando eum eu, vel in nihil vivendo, an ludus essent expetendis qui. Quem justo debet id mea, oporteat expetenda ei mea. Sed soleat aperiri interpretaris an, his ne omnis oportere, usu ut admodum eloquentiam! Per et altera causae adversarium, in maiorum definiebas elaboraret est, tamquam tibique omnesque eu ius. Eu qui oblique scripserit appellantur. At vocent verterem lobortis sit, te elitr ignota maiestatis cum. Tantas omnesque ponderum nec an.</p>

  <p>Vero erat mei te! In has sumo meliore? Id novum probatus eos, et duo puto elitr inciderint. Eam cu evertitur voluptatibus, autem laoreet cum te.</p>

  <p>No usu malorum patrioque forensibus, ei eum civibus senserit. Magna deleniti comprehensam vim in, no delectus conceptam contentiones mei, an vix mundi maluisset? Alienum nostrum nam no! Nec dico adipisci id, fabulas democritum an pri? Ius habeo tempor semper ad.</p>

</div>

[Amaroid 0]

- Den -

Спасибо большое то что нужно!! , даже лучше чем я хотел

Только вот хотел уточнить (не силён в html) текст в блоке упирается в края , как сделать чтоб он немного отступал слева от блока и не прижимался справа?