Центрирование блока с помощью jQuery с возвратам в изначальную позицию?

Question

[Michaly4]

Приветствую ребята
1.Почему код в VScode работает, а в codepen нет ?? (я новичок и в кодепен тоже, что-то там с JS не то,не понимаю).
Ну а теперь к вопросу..
Пожалуйста помогите ,исправьте если уже на тупил..(
2. Хочу
чтобы при клике на любой блок из 5 он становился по центру(увеличивавшись до 400х400) экрана,при этом слегка затемнялся экран, до этого момента я вроде дошел ,но не уверен что всё было сделано правильно, потому как не знаю как реализовать возврат блока при втором клике в ту же позицию где он был с изначальными размерами??хотел как-то вернуть через offsetLeft изначального но ничего не получается, запутался((
тут видео как я хочу...
https://imgur.com/a/xBC5E5V
Может кто сможет выделить 15 мин и помочь закончить??

Answer 1

[goshaLoonny]

Я в ужасе от количества скриптов которые вы подключили. Вам нужно это?

Comments

[Michaly4]

спасибо большое, то что до скрипта,то просто с предыдущей своей практики осталось, я просто скопировал и не убрал то что не надо было)

[goshaLoonny]

Michaly4, Если это помогло, отметьте решением

[Michaly4]

goshaLoonny, спасибо друг, конечно помогло, правда мне нужно всё разобрать так как не всё для меня ещё понятно!

[Michaly4]

goshaLoonny, последний вопросик, а можно как анимацию добавить в этот код?
как здесь
https://imgur.com/a/xBC5E5V
я пробовал animate и transition все не так как на видео(

[goshaLoonny]

Michaly4, обновил ответ

[Michaly4]

goshaLoonny, благодарю ,,иногда я думаю что я уже старый и тупой для JS, буду дальше учится с вашей помощью ,спс

[goshaLoonny]

Michaly4, с моей помощью?)

[Michaly4]

goshaLoonny, обобщил, с теми всеми людьми кто помогает здесь)

[goshaLoonny]

Michaly4, ʕ ᵔᴥᵔ ʔ