Animate a plane (CSS)

Show the animation like on the picture below (click the plane):

The picture grows on click from 40x24px to 400x240px (10 times larger).
The animation takes 3 seconds.
At the end output: “Done!”.
During the animation process, there may be more clicks on the plane. They shouldn’t “break” anything.

CSS ham width va height ni jonlantirish uchun:

          /* original sinf */

#flyjet {
  transition: all 3s;
}

/* JS .growing ni qo'shadi */
#flyjet.growing {
  width: 400px;
  height: 240px;
}
        

Esda tutingki, transitionend ikki marta ishga tushadi – har bir xususiyat uchun bir marta. Shunday qilib, agar biz qo’shimcha tekshiruv o’tkazmasak, xabar 2 marta paydo bo’ladi.

Yechimni sandbox-da oching.