viliksar

Спойлер

Recommended Posts

Переношу сайт на ворд пресс. И возникла трудность, не могу найти скрипт который отвечает за кнопку спойлера РАСКРЫТЬ. Целиком код копирую с question.html, но не работает

Edited by viliksar

Share this post


Link to post
Share on other sites

Залил по пути как в верстке, но функции нету. Наверно надо изменить пути, но в js сложно найти эти самые пути

Edited by viliksar

Share this post


Link to post
Share on other sites

тут нет ясновидящих, дайте людям ссылку на вашу страницу или приведите код.

Share this post


Link to post
Share on other sites
9 часов назад, wwt сказал:

тут нет ясновидящих, дайте людям ссылку на вашу страницу или приведите код.

понял

Edited by viliksar

Share this post


Link to post
Share on other sites
16 часов назад, mrnobody сказал:

Нужен bootstrap.js

Из-за такой мелочи подключать bootstrap?

Это делается в 2 строчки на чистом js.

Share this post


Link to post
Share on other sites
16 минут назад, DivMan сказал:

Из-за такой мелочи подключать bootstrap?

Это делается в 2 строчки на чистом js.

Подскажите пожалуйста эти строчки...

Share this post


Link to post
Share on other sites
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
span{
  display: inline-block;
  margin-right: 10px;
}

.content{
  width: 130px;
}

.none{
  display: none;
}
    </style>
</head>
<body>
    <span class='tab'>Tab1</span><span class='tab'>Tab2</span><span class='tab'>Tab3</span>

<div class="content">
  <div class="c">aaaa a aaaaa  aaaaaa a a a a aaaaaa  aaaaaa aaaaa</div>
  <div class="c none">bbbb bbbb bbbbb bbbb bbbb bbbbb bbbb bbbbb bbbb bbbbb</div>
  <div class="c none">ccc ccccc cccccc ccccc cccccc ccccc ccccc</div>
</div>

<script>

var tabs = document.querySelectorAll('.tab')
var con = document.querySelectorAll('.c')

for (var i = 0; i < tabs.length; i++) {
  tabs.addEventListener('click', function(e) {
    for (var k = 0; k < tabs.length; k++) {
      if (this == tabs[k]) {
        con[k].classList.remove('none');
      } else {
        con[k].classList.add('none');
      }
    }
  })
}

</script>
</body>
</html>

 


  <a href="#"class="button">Как совершается поминовение согласно поданной записке?</a>
 
  <div class="block">Принимаются поминальные записки только о крещенных православных.<br><br>

В Церкви нет классификации степени «силы» того или иного вида поминовения, которое во многом зависит от церковной и духовной жизни подающего поминальную записку. Условный размер возможного пожертвования влияет только на период поминовения (единоразово, 40 дней, полгода , 1 год, 5 лет, 10 лет).</div>

  <a href="#"class="button">Подскажите, как можно побороть грусть?</a>
 
  <div class="block"> 
Грусть – светское понятие духовного состояния печали, за которой следует более тяжкий плен уныния. Причины грусти или печали множественные, духовные и материальные, вольные либо невольные – однако все они предполагают собою путь удаления человека от единения с Господом.</div>
a {
  text-decoration: none;
  color: black;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.block {margin-bottom: 10px;}
var buttons = document.querySelectorAll('.button');
var blocks = document.querySelectorAll('.block');

var hideBlocks = function(el) {
    el.forEach(function(el) {
        el.style.display = 'none';
  });
};

hideBlocks(blocks);
buttons.forEach(function(el, index) {
	el.onclick = function(e) {
  	e.preventDefault();
  	hideBlocks(blocks);
    blocks[index].style.display = 'block';
  };
});

 

Edited by DivMan

Share this post


Link to post
Share on other sites
23 минуты назад, DivMan сказал:

Что по другому?

Bootstrap подключил к ворд пресс, но внешний вид отображается по другому

ориг

пример

 

скажите чего не хватает?

Edited by viliksar

Share this post


Link to post
Share on other sites
33 минуты назад, viliksar сказал:

Bootstrap подключил к ворд пресс, но внешний вид отображается по другому

ориг

пример

 

скажите чего не хватает?

http://bootstrap-3.ru/components.php#list-group-custom-content Если собрался пользоваться bootstrap`ом - учи css стили. И версию правильную устанавливай. А тут спойлер 

 

Share this post


Link to post
Share on other sites
5 часов назад, DivMan сказал:

Это делается в 2 строчки на чистом js.

ох не лез бы ты с этими квадратноколессными велосипедами)):P

Share this post


Link to post
Share on other sites
5 минут назад, Николя223 сказал:

ох не лез бы ты с этими квадратноколессными велосипедами)):P

Тот код, который я показал, он нормальный

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,382
    Total Members
    3,128
    Most Online
    VlGo
    Newest Member
    VlGo
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.