Помогите с раскрывающимися 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)
Новые темыОбъявленияСвободное общение
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 
18:41 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:26 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
10:13 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
23:00 Продвижение по ключам 
05:56 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 
21:31 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
21:31 Trustpilot Reviews | Подниму рейтинг вашей компании 
21:31 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
21:31 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
04:02 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
20:10 Продвижение сайтов в ТОП Яндекса за 2 недели. Рост позиций и трафика. Бесплатный тест. 
17:31 GoodsMoney.io 
15:59 Про мясо 
23:09 ПП от PMS remote.team - 200$ за команду 
13:28 Компьютерная мышь 
22:55 Ну что, кто куда деваете свои сайты? 
22:34 Используете беспроводные наушники? 
22:26 Какой фильм посмотреть сегодня вечером? 
17:13 Добро пожаловать в цифровой мир...