place the text when we click the more button
<p>i write the following ,for displaying the text,when i click the more link,it has to show the remaining paragraph .i already tried,but i dont know why its not working,can any help to get of this .</p>

<p>this is my following code</p>

<pre><code>    &lt;style&gt;
    p span {
        display:none;
    }

&lt;/style&gt;

&lt;script type="javascript"&gt;
$('a').click(function() {
    $(this).next().show();
    return false;
});

&lt;/script&gt;


&lt;table cellpadding:0px;cellspacing:0px;border=0px; width="100%"&gt;
&lt;tr&gt;
&lt;td style="width:20%"&gt;&lt;a&gt;&lt;button class="choosesub_but comingsoon"&gt; list&lt;/button&gt;&lt;/a&gt;&lt;/td&gt;

&lt;td style="width:47%;"&gt;&lt;p style="font:13px verdana;"&gt;A written work—be it an essay or a story—is about an idea or concept. An essay explains it; a story narrates it.&lt;a href="#" style="text-decoration:underline;"&gt;More...&lt;/a&gt;
&lt;span&gt;all to entertain the reader. All paragraphs support each other, leading the reader from the first idea to the final resolution of the written piece of work.&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;
&lt;td style="width:30%;"&gt;&lt;ul class="choosesub_ul"&gt;&lt;li&gt;&lt;a href="#"&gt;Community event&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>when i click the more link,it has to display the output as</p>

<p>A written work—be it an essay or a story—is about an idea or concept. An essay explains it; a story narrates it.More...all to entertain the reader. All paragraphs support each other, leading the reader from the first idea to the final resolution of the written piece of work..</p>
