anchor.diff:        <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="Element.toggle('bagDescriptionTextarea');
  -              Element.toggle('bagDescriptionDiv'); return false;"><fmt:message key="confirm.cancel"/></button>
  +          <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>
  
positive.code: </div>
  <script language="javascript">
    function toggleWidget(widgetid,linkid) {
      Element.toggle($(widgetid));
      var d = $(linkid);
      if(Element.hasClassName($(linkid), 'active')) {
        $(linkid).removeClassName('active');
        AjaxServices.saveToggleState(widgetid, false);
      } else {
        $(linkid).addClassName('active');
        AjaxServices.saveToggleState(widgetid, true);
      }
    }
  
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}">
  