Помогите с раскрывающимися 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)
Новые темыОбъявленияСвободное общение
09:44 Приговор для Телеграм. ФАС ставит крест на рекламе 
09:34 Почему даже при маленьком трафике сервер умирает? Разбираем реальные причины 
09:11 Скан глаза для Zoom и Tinder + ап Яндекса 21 апреля. К этому реально всё идёт? 
09:05 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
21:27 ИИ врёт, но ему всё равно верят. Что это значит для сайтов и трафика 
19:21 Заказал "положить сайт" а положили тебя? Полиция добралась до клиентов DDoS-сервисов 
19:17 Штрафы за крипту до 2 млн + ап Яндекса 19 апреля - что опять поменяли и куда всё катится? 
09:11 Продам сайт - продукты питания 
09:11 Прошу оценить сайт 
18:46 buyingproxy.com | $0.95/GB Residential Proxies - 80M+ IPs | No Bandwidth Expiry 
18:10 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные 
17:38 YoChange.com - Ваш лучший помощник в обмене цифровых валют! 
13:56 Owlchange.com — сервис обмена криптовалют с выплатами в фиат 
13:39 Вериф аккаунты АВИТО + платежи 
06:40 Точные прогнозы на футбол 
00:15 Ставки на супер тренды в спорте 
23:19 Хочешь чат в PlayStation? Покажи лицо. Как нас постепенно привязывают к личности 
21:31 ЕС сделал проверку возраста, а её уже ломают за минуты. Серьёзно? 
17:20 Список обновленных тем пуст... 
19:57 Во Франции начали штрафовать за IPTV - до 300-400 евро уже прилетает обычным пользователям 
17:02 арбитражники