Помогите с раскрывающимися diva ми.
Страницы: 1
Помогите с раскрывающимися diva ми., Нужно сделать чтобы текст был изначально скрыт, а были только подпункты
Нужно сделать чтобы текст был изначально скрыт, а были только подпункты и при щелчке текст раскрывался. вот нашёл то, что искал, www.vudumarketing.com/on-site-seo-guide/ ( www.vudumarketing.com/on-site-seo-guide/ ) хочу как здесьВот html код


<ul class="gdl-toggle-box">
<li class="gdl-divider">
<h2 class="toggle-box-head title-color gdl-title"><span class="toggle-box-head-image"></span>Picking an SEO Friendly CMS</h2>
<div class="toggle-box-content" style="display: none;">
<p>When looking to build a website, determining which CMS (content management system) you are going to use is a critical first step. Sure, you could have someone code your site from scratch, but why waste the effort when you don’t have to (not to mention that’s probably a terrible idea, for lots of reasons)?</p>
<p>There are literally hundreds of CMS options, and it can be hard to determine which one is the best. Unfortunately, not all content management systems are created equal, and some can actually do more harm than good (as an SEO rule of thumb, avoid anything .NET/ASP, and anything made by Adobe).</p>
</div>
</li>
</ul>


Но он использует ещё скрипт, а какой не могу понять
можно сделать по другому...


Код
 <div class="spoilertop" onClick="openClose('1')">  <h2>Picking an SEO Friendly CMS</h2>  </div>  <div class="spoilerbox" id="1" style="display:none;">
<p>Ваш текст</p>
</div>
только не забывайте менять
Код
openClose('1')
Код
id="1"

вот сам скрипт...


Код
<script language="JavaScript" type="text/javascript">  function openClose(id)  {  var obj = "";   // Check browser compatibility  if(document.getElementById)  obj = document.getElementById(id).style;  else if(document.all)  obj = document.all[id];  else if(document.layers)  obj = document.layers[id];  else  return 1;   // Do the magic  if(obj.display == "")  obj.display = "none";  else if(obj.display != "none")  obj.display = "none";  else  obj.display = "block";  }  </script>
 
Изменено: anna911 - 10 Сентября 2013 21:24
Цитата
anna911 пишет:
можно сделать по другому...
Код
  <div class="spoilertop" onClick="openClose('1')">  <h2>Picking an SEO Friendly CMS</h2>  </div>  <div class="spoilerbox" id="1" style="display:none;">
<p>Ваш текст</p>
</div>
 
только не забывайте менять
Код
 openClose('1') 
Код
 id="1" 

вот сам скрипт...
Код
 <script language="JavaScript" type="text/javascript">  function openClose(id)  {  var obj = "";   // Check browser compatibility  if(document.getElementById)  obj = document.getElementById(id).style;  else if(document.all)  obj = document.all[id];  else if(document.layers)  obj = document.layers[id];  else  return 1;   // Do the magic  if(obj.display == "")  obj.display = "none";  else if(obj.display != "none")  obj.display = "none";  else  obj.display = "block";  }  </script>
  
Дело в том, что здесь мы используем display:none; а на этом сайте его нет www.vudumarketing.com/on-site-seo-guide , с точки зрения СЕО это лучше вариант. Может кто нибудь может помочь вытащить скрипт отсюда www.vudumarketing.com/on-site-seo-guide , который раскрывает и скрывает блоки?
Цитата
Андрей Ковальчук пишет:
Дело в том, что здесь мы используем display:none; а на этом сайте его нет
Это ошибочное утверждение. На самом деле он там есть только он (display:none) не прописан явно а применяется из CSS

Вот код этой страницы уже обработанный браузером:

Код
<h2 class="toggle-box-head title-color gdl-title">
<span class="toggle-box-head-image active"></span>Hosting</h2>

<div style="display: none;" class="toggle-box-content"> Believe it or not, server speed, ...</p></div>
 

Явав скрипт там тоже применяется, только он записан в общие файлы js, которые подгружаются на странице.
В действительности вы знаете предмет только в той степени, в которой можете научить других, с тем чтобы они его поняли и применили в своей жизни.
http://www.cy-pr.com/forum/f35/t60007/m654419#message654419
Цитата
Валентин пишет:
http://www.cy-pr.com/forum/f35/t60007/m654419#message654419
smile:Dsmile:Dsmile:D Перед сном 2 раза прокрутил экран, думал откуда таракашка!smile:Dsmile:Dsmile:D
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:23 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 
23:07 Как Яндекс индексирует ваш сайт? | АПдейт выдача 8.12.2025 
22:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 
18:44 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
13:12 Покупные ссылки 
12:57 Rotapost прикрыли! Чем пользоваться? 
17:00 Стоит ли добавлять сайт в Rambler топ 100? 
23:01 Ру трафик с джоб сайтов 
17:24 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
16:38 GhostRocket.pro — Взлетаем в новую эру криптообмена! 
15:31 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
15:31 Trustpilot Reviews | Подниму рейтинг вашей компании 
15:30 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
15:29 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
00:02 С юмором по жизни! 
22:59 Про мясо 
15:07 Добро пожаловать в цифровой мир... 
22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях​ 
10:10 накрутка трафика в SimilarWeb 
16:50 Компьютерная мышь 
23:03 Точные прогнозы на футбол