Javascript show/hide - I don't want it to hide the entire element
<p>This is probably a fairly easy question, but I'm new to JavaScript and jquery....</p>

<p>I have a website with a basic show/hide toggle. The show/hide function I'm using is here:
<a href="http://andylangton.co.uk/articles/javascript/jquery-show-hide-multiple-elements/" rel="nofollow">http://andylangton.co.uk/articles/javascript/jquery-show-hide-multiple-elements/</a></p>

<p>So here's my question..... I would really like the first 5-10 words of the toggled section to always be visible.  Is there some way I can change it so that it doesn't hide the entire element, but hides all but the first few words of the element?</p>

<p>Here's a screenshot of what I would like it to do:
<a href="http://answers.alchemycs.com/mobile/images/capture.jpg" rel="nofollow">http://answers.alchemycs.com/mobile/images/capture.jpg</a></p>
