Re: Vertical menu with css3 slideout transition and css3 triangle

[Paulie_D]

You cannot transition visibility or display:none as they have binary states (either on or off).

You are trying to transition opacity without setting two different opacity states.

The triangle will not show up because you have omitted the content property

li.level:after {
content:””;
}

However, this will place the triangle AFTER the submenu. You could try

li.level > a:after

instead and the move it with the positioning.

http://codepen.io/Paulie-D/pen/vdfIq

It’s perhaps not the most elegant solution and I haven’t solved the transitioning. I’ll leave that to others.