jQuery animation slideLeft without text wrapping
I would like to show / hide a paragraph of text using jquery left to right.

I'm using

        $('#text').animate(
            {
                width: ['toggle', 'swing']
            })

However I am seeing that the paragraph wraps as the animation is happening. And it looks ugly.

See [this js fiddle][1] for an example of the undesired effect.

How would you recommend getting the same effect but with no wrapping? (Like .slideUp() / slideDown())...

Thanks for any help


  [1]: http://jsfiddle.net/RDsqy/
jQuery animation slideLeft without text wrapping
===

I would like to show / hide a paragraph of text using jquery left to right.

I'm using

        $('#text').animate(
            {
                width: ['toggle', 'swing']
            })

However I am seeing that the paragraph wraps as the animation is happening. And it looks ugly.

See [this js fiddle][1] for an example of the undesired effect.

How would you recommend getting the same effect but with no wrapping? (Like .slideUp() / slideDown())...

Thanks for any help


  [1]: http://jsfiddle.net/RDsqy/