javascript, wrap first 200 characters in a div
<p>im making an accordion for a client.
there website is built on .net, something of which i have no idea how it works.</p>

<p>my current accordion is something similar too...</p>

<pre><code>&lt;h1&gt;Header&lt;/h1&gt;
&lt;span class="content"&gt;Content here&lt;/span&gt;
</code></pre>

<p>I need something more like </p>

<pre><code>&lt;h1&gt;Header&lt;/h1&gt;
&lt;span class="entry-content"&gt;summary  here&lt;/span&gt;
&lt;span class="content"&gt;Content here&lt;/span&gt;
</code></pre>

<p>I want the 'entry-content' to show initially and when the h1 is clicked the 'content' div slides down.</p>

<p>As its in .net all the content is pulled from the following line...</p>

<pre><code>&lt;%#Eval("Information")%&gt;
</code></pre>

<p>is there a way with JS i can wrap the first 200 characters in a div, and the rest can be wrapped in another div? </p>

<p>I hope this makes sense!</p>
