Переключить гармошку в Pug с помощью SCSS - PullRequest
Новая
       15

Переключить гармошку в Pug с помощью SCSS

0 голосов
/ 31 января 2020

Я работаю над меню с мопсом js, для которого требуется функция переключения. Я знаю, как сделать это с псевдоклассом в basi c CSS, но я не могу использовать это в этом проекте.

Нажатие на span позволяет открыть аккордеон, однако , изображение не меняется в положение .open.

accordion.pug 

label(class='xs-w4 add-title', for='discount2') 
  span(class='accordion')(data-toggle='open') Click to open

аккордеон. css

.accordion {
  background-image: url(../images/arrow-right.svg) no-repeat;
  display:block;
  position: left top;
  &.open {
    background-image: url(../images/arrow-down.svg) no-repeat;
    display:block;
    position: left top;
  } 
}

Я смотрел на пара примеров по коду, но поскольку я впервые работаю с sass & pug, у меня возникли некоторые трудности, чтобы заставить его работать.

...