@Ferbington

Как создать прокручивающийся список?

В общем задача реализовать прокручивающийся список при нажатии на элементы которого будет открываться содержимое на которое она ссылается. Без прокрутки до этого элемента. И как-то нужно реализовать через повторитель ACF. Список например:
610a762ea5829053496532.png
При нажатии на пункты под ним появляется картинка например. Я сделал список на 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
  • Вопрос задан
  • 241 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы