Три Javascript Аккордеона на одной странице Два рабочих - PullRequest
Новая
       10

Три Javascript Аккордеона на одной странице Два рабочих

0 голосов
/ 16 февраля 2020

Привет попытался иметь несколько баянов на одной странице. Как три или шесть. Но второй или четвертый эт c. не работает. У кого-нибудь есть идея?

Ссылка: https://www.w3schools.com/code/tryit.asp?filename=GBYOZDRRVKFA

1 Ответ

0 голосов
/ 18 февраля 2020

Проблема в том, что вы дублируете один и тот же скрипт 3 раза. Оставьте только последний и удалите другие блоки скриптов.

РЕДАКТИРОВАТЬ: Этот javascript не будет работать с динамически сгенерированным html.
Я обновил код с jQuery. Следуйте тегу <script> внутри <head>
https://www.w3schools.com/code/tryit.asp?filename=GC1V1TGM6QHJ

Маги c происходит всего с 4 строками сценария 

$(document).ready(function(){  
//$(".accordion").click(function(){  
  $(document).on("click", ".accordion" , function() {
    $(this).toggleClass("active");    
    $(this).next(".panel").toggle();
  });
});

Я предлагаю, как только вы почувствуете уверенность в JavaScript, начните изучать jQuery вместе Это очень легко учиться и удивительно мощный. Вы можете многое сделать с меньшим количеством кода.

Вот пошаговый jQuery учебник с интерактивными примерами .
А вот Видеоурок

...