Почему срабатывает левосторонняя анимация для правого меню sidenav в materialize?

Question

[Danny13]

//инициализирую sidenav 
$(document).ready(function () {
    $('.sidenav').sidenav();
});


// Второй правостороний sidenav, с параметром edge: 'right'
$(document).ready(function () {
   $('#slide-out2').sidenav({
       edge: 'right'
   });
});

По идее, после того, как я дефинировал параметр edge: 'right', то и анимация должна быть (видел где-то пример в интернете) правосторонняя, то есть меню должно появляться с правой стороны.

Answer 1

[Danny13]

Я нашёл проблему. Где-то среди кода я потерял фунцкию плагина animate.css, в которой класс sidebar всегда получал левостороннюю анимацию, после того, как я удалил её, все заработало как надо.

И еще я поменял код вот так вот, другие ID поставил и вместо jquery использовал vanilla javascript (ребята с stackoverflow подсказали):

document.addEventListener('DOMContentLoaded', function () {

    var leftNav = document.querySelector('#left-nav');
    var rightNav = document.querySelector('#right-nav');
    var left = M.Sidenav.init(leftNav);
    var right = M.Sidenav.init(rightNav, {
        edge: 'right'
    });

});