Как сделать раздел по умолчанию (раздел1), но если вы нажмете, например, кнопку 3 из 8 под разделом раздел1, будет заменен раздел3? - PullRequest
Новая
       35

Как сделать раздел по умолчанию (раздел1), но если вы нажмете, например, кнопку 3 из 8 под разделом раздел1, будет заменен раздел3?

0 голосов
/ 24 марта 2020

Я очень плохо знаком с JavaScript.

Можно сказать, что я хочу сделать поддельный слайдер.

A little sketch.

Я работаю с WordPress и Tatsu Builder, и у меня уже есть функция «swap-divs (section) -with-another-div (section)» на другой странице, и она работает.

Разница в том, что у меня сейчас 8 разделов - 7 из них должны быть скрыты, только первая должна быть видимой и 8 кнопок (первая, конечно, выделена, потому что она уже выбрана) в всегда видимой области под ней. Например, когда я нажимаю 5-ю кнопку, 1-й слайдер вместе с остальными 6 должен быть скрыт, и одновременно должен появиться 5-й раздел. Для пользователя это просто меняет содержимое «коробки» (см. Изображение). На самом деле я хочу, чтобы весь раздел переключался на выбранный, потому что таким образом проще сохранить стилистику темы.

Переключение одного раздела на другой было для меня даже не таким простым, теперь 8 секций кажутся мне не по силам.

Код другой функции:

CSS

.software-two{
  display: none; 
}

JS

function SwapDivsWithClick(div1,div2)
{
d1 = document.getElementById(div1);
   d2 = document.getElementById(div2);
   if( d2.style.display == "none" )

   {
      d1.style.display = "none";
      d2.style.display = "block";
   }
   else
   {
      d1.style.display = "block";
      d2.style.display = "none";
   }
}

Кнопка, которая должна переключать div: 

a href="javascript:SwapDivsWithClick('software-one','software-two')"

В первом разделе, конечно, есть класс CSS «software-one».

...