anchor.diff:  </div>
   <script language="javascript">
     function toggleWidget(widgetid,linkid) {
  -    Element.toggle($(widgetid));
  -    var d = $(linkid);
  -    if(Element.hasClassName($(linkid), 'active')) {
  -      $(linkid).removeClassName('active');
  +    jQuery('#'+widgetid).toggle();
  +    if(jQuery('#'+linkid).hasClass('active')) {
  +      jQuery('#'+linkid).removeClass('active');
         AjaxServices.saveToggleState(widgetid, false);
       } else {
  -      $(linkid).addClassName('active');
  +      jQuery('#'+linkid).addClass('active');
         AjaxServices.saveToggleState(widgetid, true);
       }
     }
  
positive.code:           </html:select>
       <input type="submit" name="addToBag" id="addToBag" value="Add" />
       <script type="text/javascript" charset="utf-8">
            $('addToBag').disabled = true;
          </script>
      </c:when>
      <c:otherwise>
  
negative.code: <%-- Bag Description --%>
  <c:choose>
      <c:when test="${myBag == 'true'}">
        <div id="bagDescriptionDiv" onclick="jQuery('#bagDescriptionDiv').toggle();jQuery('#bagDescriptionTextarea').toggle();jQuery('#textarea').focus()">
          <h3><img src="images/icons/description.png" title="Description of your list"/>&nbsp;Description</h3>
          <c:choose>
            <c:when test="${! empty bag.description}">
  