Everything works but when the slide action animates, it slides out on a new line (block) and then when animation is finished it 'flicks' back into the inline style I originally set for it.

For better illustrative purposes, here is the JS Fiddle for it: https://jsfiddle.net/coolwebs/dx8fd51f/15/

I just want it to smoothly slide out and show all on the same line and if it needs to push out to the next line, it does that when it hits the max width.

Is that possible using the jQuery UI toggle library?