Блог

Главная - Вопросы по программированию - Аккордеон jQuery сегодня перестал работать в Sharepoint

Аккордеон jQuery сегодня перестал работать в Sharepoint

#jquery #sharepoint #accordion

Вопрос:

Я долгое время использовал этот код для аккордеона в SharePoint, но теперь анимация перестала работать на каждом экземпляре аккордеона на моих сайтах.

Аккордеон все еще виден, но не расширяется и не сжимается.

Любая помощь там была бы отличной, чтобы понять, почему это внезапно перестало работать. Ничего не было отредактировано, что могло бы быть причиной. Он буквально работал в течение прошлого года и был сломан сегодня, когда я зашел на сайт в качестве пользователя.

 $(document).ready(function() {
  $("h4").click(function() {
    if ($(this).hasClass('expand')) {
      $("h4").addClass('expand').nextUntil('h4, h2').slideUp("slow");
      $(this).toggleClass('expand').nextUntil('h4, h2').slideDown("slow");
    } else {
      $(this).toggleClass('expand').nextUntil('h4, h2').slideUp("slow");
    }
  });

  $("h2").click(function() {
    if ($(this).hasClass('expand')) {
      $("h2").addClass('expand').nextUntil('h2').slideUp("slow");
      $(this).toggleClass('expand').nextUntil('h2').slideDown("slow", function() {
        $("h4").addClass('expand').nextUntil('h4, h2').slideUp("slow");
      });
    } else {
      $(this).toggleClass('expand').nextUntil('h2').slideUp("slow");
    }
  });

  $("h2").toggleClass('expand').nextUntil('h2').slideUp(0);
}); 
 .cke_editable a:link {
  text-decoration: none;
  display: inline-block;
}

.cke_editable a:hover {
  text-shadow: 0 0 .5px #333, 0 0 .9px #333;
}


/*** CSS for h4 collapsible headers ***/

h4 {
  background: #d3ae29;
  padding: .1em;
  border-radius: 8px 8px 8px 8px;
  cursor: pointer;
  margin-bottom: .1em;
}

h4.expand:before {
  font-family: 'FontAwesome';
  content: 'f0fe ';
  color: #001544;
  padding-left: 30px;
}

h4:before {
  font-family: 'FontAwesome';
  content: 'f146 ';
  color: #001544;
  padding-left: 30px;
}


/*** CSS for h2 collapsible headers ***/

h2 {
  background: #001544;
  padding: .1em;
  border-radius: 8px 8px 8px 8px;
  cursor: pointer;
  margin-bottom: .1em;
}

h2.expand:before {
  font-family: 'FontAwesome';
  content: 'f0fe ';
  color: #d3ae29;
  padding-left: 10px;
}

h2:before {
  font-family: 'FontAwesome';
  content: 'f146 ';
  color: #d3ae29;
  padding-left: 10px;
} 
 <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Метки: