Change More options to Less options or vice versa when toggle/untoggle
<p>I would like to know how to make [[More options]] change to [[Less options]] and vs if I click it.</p>

<pre><code>&lt;div class="toggle-this" style="display: none"&gt;
&lt;h3 style="border:1px solid;"&gt;Job Search&lt;/h3&gt;&lt;/div&gt;
&lt;div class="toggle-this" style="display: none"&gt;&lt;div class="form_input"&gt;&lt;/div&gt;&lt;/div&gt;

&lt;div class="toggle-trigger" style="text-align:center; cursor: pointer;"&gt;[[More options]]&lt;/div&gt;

&lt;script language="javascript"&gt;
$(".toggle-trigger").click(function() {
$('.toggle-this').toggle();
return false;
});  
&lt;/script&gt;
</code></pre>
