Как скрыть и открыть статью на сайте? Пример

vitalboss
На сайте с 13.01.2010
Offline
125
768

Подскажите пожалуйста можно ли сделать так что бы текст на половину скрывался? а при нажатии показать весь текст раскрывался? Мне просто важно что бы этот новый текст индексировался поисковиками... Просто если он будет скрыт точно ли поисковики весь его будут видеть или нужен специальный скрипт?

Кто не будь мог бы пару примеров показать по скрыванию текста и раскрыванию.

Если я знаю, что знаю мало, я добьюсь того, чтобы знать больше.
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#1

1) Создаем хтмл-контейнер(style="display: none;")

2) В него кидаем то, что надо скрыть

3) на кнопку "показать оставшийся контент" на событие onClick вешаем функцию изменения style="display: none;" на style="display: block;"

4) Профит

Яндекс увижит контент скрытый, а гугл возможно даже кнопочку нажмет;)

ЗЫ. Код не дам, жирно будет.

Подпись))
vitalboss
На сайте с 13.01.2010
Offline
125
#2
Милованов Ю.С:

ЗЫ. Код не дам, жирно будет.

и на том спасибо ) для меня больше всего опасение что поисковики не захотят смотреть то что скрыто... )

Moneymaker8
На сайте с 07.07.2012
Offline
68
#3

Примерно так:

<style type="text/css">

#button {

color: #00f;

border-bottom: 1px dashed #00f;

cursor: pointer;

}

#text_hide{

display: none;

}

</style>

<p>

Lorem ipsum dolor sit amet, atqui plurium venenosamque serpentium ne a, dabit puella ut sua confusus eos. Volo erat bene ventis non potentiae quem non ait est in.

<span id="button" onclick="document.getElementById('text_hide').style.display = 'inline'; document.getElementById('button').style.display = 'none';">Показать полностью</span>

<span id="text_hide">Praestetur cubiculo ab eos est in lucem in fuerat est cum magna Dianam Interposito brutis aeternae reversurus eum. Christianis aedificatur ergo accipiet duxit per dicis ubi diceret sub.</span>

</p>

PS. Более точный код зависит от конкретной потребности. Если, что не будет получаться, можешь стукнуть в л/с, на досуге подскажу бесплатно.

[Удален]
#4

а можно вот так - "читать далее" :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий