tripal/tripal_ds/theme/js/tripal_ds.js

(function($) {

  Drupal.behaviors.tripal_ds = {
    attach: function (context, settings){

      // Add a close button for each pane except for the te_base
      $('.field-group-fieldset .fieldset-legend').each(function (i) {
        $(this).append('<div class="tripal_pane-fieldset-close_button"><div id="tripal-pane-close-button" class="tripal-pane-button">CLOSE</div></div>');
        var id = '.tripal_pane-fieldset-' + $(this).attr('id');
      });
      // Hide the pane when the close button is clicked
      $('.tripal_pane-fieldset-close_button').each(function (i) {
        $(this).css('float', 'right');
        $(this).css('cursor', 'pointer');
        $(this).css('margin', '0px 5px');
        $(this).click(function () {
          var fs = $(this).parent().parent().parent().parent().parent();
          if($(fs).hasClass('showTripalPane'))  {
            $(fs).removeClass('showTripalPane');
            $(fs).addClass('hideTripalPane');
          }
          else {
            $(fs).addClass('hideTripalPane');
          } 
        });
      });
      // Move the tripal pane to the first position when its TOC item is clicked.
      $('.tripal_pane-toc-list-item-link').each(function (i) {
        $(this).click(function() {
          var id = '.tripal_pane-fieldset-' + $(this).attr('id');
          var prevObj = $(id).prev().attr('class');
            // If the user clicks on other TOC item, move its fieldset to the top 
              $(id + ' fieldset').removeClass('collapsed');
              $(id + ' fieldset .fieldset-wrapper').show();
              // Hightlight the fieldset instead of moving if it's already at the top
              if (prevObj.indexOf('group-tripal-pane-content-top') == 0) {
                $(id + ' fieldset').fadeTo(10, 0.3, function() {});
                $(id + ' fieldset').fadeTo(200, 1, function() {});
              }
              if ($(id).hasClass('hideTripalPane')) {
                $(id).removeClass('hideTripalPane');
                $(id).addClass('showTripalPane');
              }
              else {
                $(id + ' fieldset .fieldset-wrapper').hide();
                var obj = $(id).detach();
                $('.group-tripal-pane-content-top').after(obj);
              }
            $(id + ' fieldset .fieldset-wrapper').show(300);
          return false;
        });
      });
    },
  };
  
})(jQuery);