Помогите с раскрывающимися 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)
Новые темыОбъявленияСвободное общение
19:50 Стоит ли добавлять сайт в Rambler топ 100? 
12:37 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
12:14 Продвижение в ТОП-1 Яндекс при помощи лучших ПФ в РФ 
15:19 Refmate — сервис для взаимного обмена ссылками 
13:06 Продвижение по ключам 
09:47 Adsense личный опыт 
13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
04:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:27 +10 ЛУЧШИХ ОНЛАЙН-CASINO НА 2025 ГОД: от Рейтинга +12 Платформ с выводом без верификации 
23:13 Аккаунт работодателя 
22:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
21:19 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
16:49 Обменяй крипту без стресса – LupiBit.kg 
15:45 GoodsMoney.io 
00:06 Всего п онемногу 
12:45 Куплю проигрышные букмекерские аккаунты 
11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 
17:09 Точные прогнозы на футбол 
10:00 Ну что, кто куда деваете свои сайты? 
16:22 Компьютерная мышь 
23:55 Добро пожаловать в цифровой мир...