Помогите с раскрывающимися 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)
Новые темыОбъявленияСвободное общение
23:06 Апдейт Яндекс выдача 01.04 | у вас коленки сзади грязные 
21:27 Трамп пригрозил Google судом 
21:03 Работает ли ссылочное продвижение 2019 – 2020? 
11:19 АП Яндекс выдача 30.03 | Планирование поездки в Санкт-Петербург 
21:22 Проблема с фидом 
20:55 Где узнать статистику о количестве пользователях интернета по регионам России? 
17:11 Вопрос по продаже товаров по результатам запросов в Yandex Wordstat 
04:21 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
22:07 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:25 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс 
16:48 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
15:49 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
13:27 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 
11:52 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 
01:31 Кирпич за 13 тысяч: новая мода или первоапрельская шутка от Telegram? 
23:21 Точные прогнозы на футбол 
23:15 Великий файрволл Казахстана: OnlyFans в черном списке! 
16:30 В мае 2025 года компания Skype прекращает свою работу 
16:27 Добро пожаловать в цифровой мир... 
22:02 ИИ научился рисовать знаменитостей, но боится Скарлетт Йоханссон 
20:38 Финансовая диета: самозапрет на покупки может стать реальностью