Question

I would like to know how to make [[More options]] change to [[Less options]] and vs if I click it.

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

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

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

Answer 1

$(document).ready(function(){
   $(".toggle-trigger").click(function(e) {
      var $elem = $('.toggle-this');
      $elem.toggle();
      $(this).text($elem.is(':hidden') ? '[[More options]]' : '[[Less options]]')
      e.preventDefault();
   });
})

http://jsfiddle.net/ffEMq/