Форум Сайтостроение Веб-строительство

Выпадающий текст при нажатии на ссылку

N
На сайте с 18.11.2014
Offline
20
neotmb
5196

Тестовая страница: http://mymichurinsk.ru/h1-test/

Заголовок старины h1

Выпадающая ссылка h2

заголовок теста h3

Вопрос 1:Как к такой страницы будут относиться Поисковые системы? Клоакинг? Как воспримут h2??

Вопрос 2: Можно ли такое реализовать на wordpress без ява скрипт?

Бабло файлового трафика! 1,5 руб за уника в сутки (http://profitraf.ru/invite74570) Цена = качество! Мой хостинг-провайдер (http://nowweb.ru/hosting/login.php)
N
На сайте с 18.11.2014
Offline
20
neotmb
#1

Тестовая страница: http://mymichurinsk.ru/h1-test/

Заголовок старины h1

Выпадающая ссылка h2

заголовок теста h3

Вопрос 1:Как к такой страницы будут относиться Поисковые системы? Клоакинг? Как воспримут h2??

Вопрос 2: Можно ли такое реализовать на wordpress без ява скрипт?

h2 сразу после h1 Несколько ключей на 1 заголовки h1,2...
L
На сайте с 16.10.2014
Offline
108
lexter
#2

ПО 2 - без явы не выйдет

Рабочий вариант http://ht.brooksite.ru/drop-text-collaps.html

сам пользуюсь

Купить автомобиль из США можно тут (https://us-car.com.ua)
S3
На сайте с 29.03.2012
Offline
341
Sly32
#3

1. нормально, такие выпадающие тексты давно норма

2. без JS - вряд ли.

N
На сайте с 18.11.2014
Offline
20
neotmb
#4
lexter:
ПО 2 - без явы не выйдет
Рабочий вариант http://ht.brooksite.ru/drop-text-collaps.html
сам пользуюсь

ну у меня по другому реализация. если интересно:


<script>
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
document.getElementById(id).style.display = '';
}
}
</script>





<h2> <a href="javascript:collapsElement('identifikator')" title="h22" rel="nofollow">h22</a></h2>
<div id="identifikator" style="display: none">
<h3>h33</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
<h3>h33</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
<h3>h33</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
</div>
</div>
<div>
<h2> <a href="javascript:collapsElement('identifikator1')" title="h2" rel="nofollow">h2</a></h2>
<div id="identifikator1" style="display: none">
<h3>h3</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
<h3>h3</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
<h3>h3</h3>
<p><strong>ntcrn</strong> 11111</p>
<p>ntcrn 11111</p>
</div>
</div>

dimsog
На сайте с 08.08.2011
Offline
149
dimsog
#5
Sly32:

2. без JS - вряд ли.

Ну если немного извратиться 🍿 

<!DOCTYPE html>

<html>

<head>

    <style>

        input{display:none;}

        input:checked+#text{display:none;}

    </style>

</head>

<body>

<div><label for="showme">Show me</label>

<input type="checkbox"  id="showme" checked>

<div id="text">Text TEXT text TeXt</div>

</div>

</body>

Попробуйте.

ihor vps -> ihc.ru
dimsog
На сайте с 08.08.2011
Offline
149
dimsog
#6

Я в другой вашей теме уже писал:) Ладно, повторюсь. 

<!DOCTYPE html>

<html>

<head>

    <style>

        input{display:none;}

        input:checked+#text{display:none;}

    </style>

</head>

<body>

<div><label for="showme">Show me</label>

<input type="checkbox"  id="showme" checked>

<div id="text">Text TEXT text TeXt</div>

</div>

</body>

Работает без единой JS'ки;)

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