Ошибку уже исправил, но не работает

if (document.querySelector('.design').classList.contains('active')){
        var svgId = new Vivus('obturateur1', {start: 'autostart', duration: 250,animTimingFunction: Vivus.EASE_OUT});
        if($('#obturateur1').parent('.design').hasClass('active')) svgId.play(1);
    }

а где s?

if (document.querySelector('.design').classList.contains('active')){
        var svgId = new Vivus('obturateur1', {start: 'autostart', duration: 250,animTimingFunction: Vivus.EASE_OUT});
        if($('#obturateur1').parent('.design').hasClass('active')) svgId.play(1);
    }

масло масляное

var svgId = new Vivus('obturateur1', {start: 'autostart', duration: 250,animTimingFunction: Vivus.EASE_OUT}); 
if (document.querySelector('.design').classList.contains('active')){svgId.play(1);}

Попробую сейчас

Арсений JustPuk,
или так

var svgId = new Vivus('obturateur1', {start: 'autostart', duration: 250,animTimingFunction: Vivus.EASE_OUT}); 




        if($('#obturateur1').parents('.design').hasClass('active')) svgId.play(1);

Заменил в start autostart на manual, т.к. анимация стартовала сразу, не работает.

var svgId = new Vivus('obturateur1', {start: 'manual', duration: 250,animTimingFunction: Vivus.EASE_OUT});
    if (document.querySelector('.design').classList.contains('active')){svgId.play(1);}

Так срабатывает всегда, не важно есть active или нет, за это отвечает start: 'autostart'

start: 'manual' вроде как должен позволять выводить в ручном режиме, в зависимости от необходимости, но он не срабатывает