jQuery Toggling Text
<p>I am trying to toggle text when I click to expand/collapse a div. I have written the half of the code that toggles the div and changes to text one-way, but I am trying to figure out how to have it effectively "reset" so a user and toggle back and forth (between "Less Info -" and "More Info +").</p>

<p>Here's the code so far:</p>

<pre><code>$("a.more_info").click(function(){
    $(this).toggleClass("clicked").next().slideToggle(1000);
$(this).replaceWith("&lt;a class='more_info' href='#'&gt;Less Info -&lt;/a&gt;");
return false; //Prevent the browser jump to the link anchor
});
</code></pre>

<p>Thanks</p>

<p><strong>EDIT:</strong> The pertinent markup looks like this:</p>

<pre><code>&lt;a class="more_info" href="#"&gt;More Info +&lt;/a&gt;
&lt;div class="project_toggle"&gt;
    &lt;h6&gt;Hello&lt;/h6&gt;
&lt;/div&gt; 
</code></pre>
