В общем задача реализовать прокручивающийся список при нажатии на элементы которого будет открываться содержимое на которое она ссылается. Без прокрутки до этого элемента. И как-то нужно реализовать через повторитель ACF. Список например:
При нажатии на пункты под ним появляется картинка например. Я сделал список на html, но дергается экран по якорю (нужно чтобы просто картинка менялась под списком) и не соображу как через ACF это всё сделать. Получается на пункты меню должна ссылка вставать от id блока на который она ссылается. Вот пример кода:
<div class="tabs_container">
<div class="tabs">
<ul class="tabs_items">
<li class="tabs_item"><a href="#tab1" data-toggle="tab">Проектирование</a></li>
<li class="tabs_item"><a href="#tab2" data-toggle="tab">Все виды отделочных работ</a></li>
<li class="tabs_item"><a href="#tab3" data-toggle="tab">Другие виды работ</a></li>
</ul>
<div class="tabs_body">
<div class="tabs_block" id="tab1">
<img src="http://123.ct41468.tmweb.ru/wp-content/uploads/2020/10/secura-opener-–-best-rated-most-helpful-accessory.jpg" alt="">
<h4>Строительство</h4>
<p>Текст</p>
</div>
<div class="tabs_block" id="tab2">
<img src="http://123.ct41468.tmweb.ru/wp-content/uploads/2020/10/gra-de-vino-gift-set-–-fastest-rechargeable-corkscrew.jpg" alt="">
<h4>Другие услуги</h4>
<p>Текст</p>
</div>
<div class="tabs_block" id="tab3">
<img src="http://123.ct41468.tmweb.ru/wp-content/uploads/2020/10/wineovation-–-best-design-of-cordless-gun-corkscrew.jpg" alt="">
<h4>Юридическое сопровождение</h4>
<p>Текст</p>
</div>
</div>
</div>
</div>
Образец на сайте
123.ct41468.tmweb.ru/test