I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator shud move to that floor.

Couple of things which i'm not sure how to implement are:

wherever i have added class "unchecked" dynamically, the element looks as if it is not clickable. How do i make it clickable?

How to slow down speed of the Orange color elevator when it moves and stops at levels
where checkbox is checked?

The fiddle is available at : http://jsfiddle.net/hurricaneankit/rJ4Py/12/

Member Avatar

LastMitch

Element to which Class added dynamically has become unclickable

How did you solve issue? It's a bit strange that you click solve without any explanation?

Hi All, http://jsfiddle.net/hurricaneankit/qR4uJ/ solves the issues posted by me but only thing which i am not able to implement is "Make the checkbox check automatically and slowly fadeout to unchecked state when the orange elevator has reached that checkbox".