Как сделать переключение слайдеров?

Question

[Alexis_D]

Есть 3 слайдера, но виден, по умолчанию только 1, присутствуют 3 кнопки, при нажатии на которые и должны переключаться слайдеры

Answer 1

[Конан Варвар]

Сделайте слайдер и внутри еще три слайдера. В чем проблема? :)

Comments

[Alexis_D]

нужно именно три кнопки для переключения по слайдерам

[Конан Варвар]

Покажите.

[Alexis_D]

<div class="tabs animated-fade">
							  <ul class="tab-links">
									<li class="active"><a href="#tab1">лучшие</a></li>
									<li class="slide2A"><a href="#tab2">популярные</a></li>
									<li><a href="#tab3">новинки</a></li>
								</ul>

							<div class="tab-content">
								<div id="tab1" class="tab active">
									<ul class="choice clearfix">
										<li><a href="#"><img src="img/sa8.png"><p>GALAXY S8</p></a></li>
										<li><a href="#"><img src="img/lgg3.png"><p>LG</p></a></li>
										<li><a href="#"><img src="img/iPhone(1).png"><p>iPhone</p></a></li>
										<li><a href="#"><img src="img/sony(1).png"><p>Sony</p></a></li>
										<li><a href="#"><img src="img/huawei(1).png"><p>Huawei</p></a></li>
										<li><a href="#"><img src="img/google.png"><p>Google pixel</p></a></li>
										<li><a href="#"><img src="img/lenovo(1).png"><p>Lenovo</p></a></li>
										<li><a href="#"><img src="img/nokia.png"><p>Nokia</p></a></li>
										<li><a href="#"><img src="img/xiaomi(1).png"><p>Xiaomi</p></a></li>
										<li><a href="#"><img src="img/u11(1).png"><p>HTC</p></a></li>
										<li><a href="#"><img src="img/asus.png"><p>Asus</p></a></li>
										<li><a href="#"><img src="img/blu.png"><p>Blu</p></a></li>
									</ul>
								 </div>

								<div id="tab2" class="tab">
							    <ul class="choice clearfix">
							      <li><a href="#"><img src="img/sams.png"><p>Samsung</p></a></li>
							      <li><a href="#"><img src="img/sony(1).png"><p>Sony</p></a></li>
							      <li><a href="#"><img src="img/huawei(1).png"><p>Huawei</p></a></li>
							      <li><a href="#"><img src="img/google.png"><p>Google pixel</p></a></li>
							      <li><a href="#"><img src="img/lenovo(1).png"><p>Lenovo</p></a></li>
							      <li><a href="#"><img src="img/nokia.png"><p>Nokia</p></a></li>
							      <li><a href="#"><img src="img/xiaomi(1).png"><p>Xiaomi</p></a></li>
							      <li><a href="#"><img src="img/asus.png"><p>Asus</p></a></li>
							      <li><a href="#"><img src="img/blu.png"><p>Blu</p></a></li>
							    </ul>
								</div>

								<div id="tab3" class="tab">
									<ul class="choice clearfix">
									 <li><a href="#"><img src="img/sams.png"><p>Samsung</p></a></li>
									 <li><a href="#"><img src="img/iPhone(1).png"><p>iPhone</p></a></li>
									 <li><a href="#"><img src="img/sony(1).png"><p>Sony</p></a></li>
									 <li><a href="#"><img src="img/huawei(1).png"><p>Huawei</p></a></li>
									 <li><a href="#"><img src="img/google.png"><p>Google pixel</p></a></li>
									 <li><a href="#"><img src="img/lenovo(1).png"><p>Lenovo</p></a></li>
									 <li><a href="#"><img src="img/xiaomi(1).png"><p>Xiaomi</p></a></li>
									 <li><a href="#"><img src="img/asus.png"><p>Asus</p></a></li>
									 <li><a href="#"><img src="img/blu.png"><p>Blu</p></a></li>
								 </ul>
							 </div>
						 </div>

					 </div>

[Конан Варвар]

Alexis_D: Иисусе, парень, скинь как оно должно выглядеть, а не вот это вот :)

[Конан Варвар]

В общем вот тебе слайдер в слайдере https://jsfiddle.net/a2af9a30/