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: <%-- Bag Description --%>
  <c:choose>
      <c:when test="${myBag == 'true'}">
        <div id="bagDescriptionDiv" onclick="Element.toggle('bagDescriptionDiv');Element.toggle('bagDescriptionTextarea');$('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}">
  
negative.code:       <div id="bagDescriptionTextarea" style="display:none">
          <textarea id="textarea"><c:if test="${! empty bag.description}"><c:out value="${fn:replace(bag.description,'<br/>','')}" /></c:if></textarea>
          <div align="right">
            <button onclick="jQuery('#bagDescriptionTextarea').toggle();
                jQuery('#bagDescriptionDiv').toggle(); return false;"><fmt:message key="confirm.cancel"/></button>
            <button onclick="saveBagDescription('${bag.name}'); return false;"><fmt:message key="button.save"/></button>
          </div>
        </div>
  