This site will be used by mostly incompetent menu users :)

I'd like to set a closemenu delay when the mouse is moved off the submenu for about 2 seconds. Using the below code, but that fades out AND in(undesired). do i need to add another state to make the menu open fast, but close slow? I know this isn't really an AT thing, but was hoping someone may have done such a thing. Thanks.

.ms-dropmenu .rm-block__content .menu .menu {
  visibility: hidden;
  opacity: 0;
  transition-property: visibility, opacity;
  -moz-transition-property: visibility, opacity;
  -webkit-transition-property: visibility, opacity;
  
  transition-timing-function: linear;
  -moz-transition-function: linear;
  -webkit-transition-function: linear;
  
  transition-duration: .5s, 4s;
  -moz-transition-duration: .5s, 4s;
  -webkit-transition-duration: .5s, 4s;

  transition-delay: 0.5s, 0s;
  -moz-transition-delay: 0.5s, 0s;
  -webkit-transition-delay: 0.5s, 0s;

Comments

wheretoplaygames created an issue.

Jeff Burnz’s picture

maybe something like this?

http://jsfiddle.net/YZvdm/29/

wheretoplaygames’s picture

Exactly like that!

I was really close, but confused on the just how to utilize the transition-duration and transition-delay.
Fiddling with it made it so much easier to see.

Thanks again!