Better Approach To This Code?

[Steven Morgan]

I am a javascript nube. I am wanting these brackets to slide out and wrap the word on hover. Then off hover collapse down to their original state.

Better cross-browser approach?
http://codepen.io/anon/pen/afjHh

Thanks for the help!

[JosephMalenkov]

I’d do it with CSS. Something like this..

<span>CUBIX</span>

h2#title { font-family: 'Arial'; font-size: 32px; }

h2#title::before { content: "["; padding-right: 1.5em; }

h2#title::after { content: "]"; padding-left: 1.5em; margin-left: -5.6em; transition: margin-left 1.5s ease; }

h2#title:hover::after { margin-left:0; } 

[Rugg]

Try this working sample: http://jsfiddle.net/6GEgF/

[Author]

Posts