title: One way transition delay
body: <p>I have a sidebar with a logo on the top. Next to the sidebar is a button, which is used to switch between the normal and compact class of the sidebar. This changes the width of the sidebar, so I added a <code>0.25s transition-duration</code>, so it has a nice opening and closing animation. The buttonpress also changes the source of the logo. What I want to do is when I first click on the button (in normal view) it changes the image instantly, but when I click on it a second time (in compact view) the image has a <code>0.25s transition-delay</code> so it only changes after the sidebar has finished opening. Is there a way I can achieve this?</p>