Как сделать вкладки в виде выпадающего списка?

Question

[Дмитрий]

Есть такой код - jsfiddle.net/u14yp9y4/1, но он не срабатывает у меня на сайте.
то что подключено на сайте - jsfiddle.net/w531q4xd/1
Сам сайт где я это делаю - refreak.ru/project_cart.html

Смотрю в консоль, он выдает какую-то ошибку но не понимаю на что это значит:/

Answer 1

[Андрей]

<script src="assets/js/jquery.steps.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Поменяйте строки местами, а то получается, что библиотека использующая JQ подключается раньше него

Comments

[Дмитрий]

Не срабатывает, все так же

[Андрей]

refreak, и не сработает при таком подходе, jq нужно подключать до библиотек его использующих, где библитека fullPage к объектам которой вы обращаетесь в main.js и т.д.

[Дмитрий]

Андрей, не работает. Я просто тестировал

Answer 2

[Павел Новиков]

вы подключаете jQuery в самом низу списка других скриптов, а должно быть наоборот - сначала jQuery, потом все остальное, что его использует

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
      <script src="assets/js/jquery.steps.min.js"></script>
      <script src="assets/js/main.js"></script>

Comments

[Дмитрий]

Все так же не работает