Почему не работает код на jQuery?

Честно признаюсь я понял о чем Вы говорите, но не понял как конкретно это реализовать, в частности toggleClass. А сам класс свой я добавляю вот как:

jQuery(document).ready(function() {
$("#bg3").mouseover(function(event) {
  
  $("#bg1").parent().addClass("bg3").stop().animate({backgroundPosition:"(0 0)"},200);
  $("#bg2").parent().addClass("bg3").stop().animate({backgroundPosition:"(-266 0)"},300);
  $("#bg3").parent().addClass("bg3").stop().animate({backgroundPosition:"(-532 0)"},400);

})

В конечном итоге было бы здорово хотя бы и через css решить мою задачу, но также хотелось бы разобраться почему не работает duration, хотя до него код работает, потому как я новичок в jq и пытаюсь не просто решить конкретную задачу, а досконально понять что и как там происходит)

Почему не работает код на jQuery?

А Вы не могли бы еще раз посмотреть в раздел моего вопроса, я добавил информации, может так будет более осмысленно. Я не понимаю вот эту избирательность работы кода той выше описанной строчки. Картинка заменяется, но моментально. Может подскажите что-нибудь в этом)) Заранее большое спасибо!

Почему не работает код на jQuery?

Да, я не правильно выразился, именно duration нужен. Посмотрите, пожалуйста, еще раз на мой вопрос я внес коррективы и пояснил)

Почему не работает скрипт JQuery?

Точно, благодарю, заработало))))

Почему не работает скрипт JQuery?

Пока разбирался и читал другие форумы ребята подсказали подключить дополнительные библиотеки мол не хватает в некоторых случаях функций))