old_contents: /*
   * Collapsible widget extension: tabs behavior
   * https://github.com/filamentgroup/collapsible
   * Copyright (c) 2014 Filament Group, Inc.
   * Licensed under the MIT, GPL licenses.
   */
  
  ;(function ($, window, document) {
  
  	$( document ).bind( "init", function( e ){
  		var pluginName = "collapsible";
  		var activeTabClass = "tab-active";
  		var $collapsible = $( e.target ).closest( "." + pluginName );
  		var $tabContainer = $collapsible.parent();
  		var $tabNav = $tabContainer.find( ".tabnav" );
  		var self;
  		var id;
  
  		if( $collapsible.is( "." + pluginName ) && $tabContainer.is( ".tabs" ) ){
  			self = $collapsible.data( pluginName );
  			id = self.content.attr( "id" );
  			$tabNav.find( "[aria-controls=" + id + "]" ).remove();
  
  			self.$tabHeader = $( "<a href='#'>" + self.header[0].innerHTML + "</a>" ).attr( "aria-controls", id );
  			self.header.css( 'display', 'none' );
  
  			self.$tabHeader.bind( window.tappy ? "tap" : "click", function( e ){
  				e.preventDefault();
  				e.stopPropagation();
  
  				if( self.$tabHeader.is( '.' + activeTabClass ) ) {
  					self.$tabHeader.removeClass( activeTabClass );
  				} else {
  					$tabContainer.find( '.' + activeTabClass ).removeClass( activeTabClass );
  					self.$tabHeader.addClass( activeTabClass );
  				}
  
  				self.toggle();
  			});
  
  			if( !$tabNav.length ) {
  				$tabNav = $( "<nav class='tabnav'></nav>" );
  				$tabContainer.prepend( $tabNav );
  			}
  
  			if( !self.collapsed ) {
  				self.$tabHeader.addClass( activeTabClass );
  				self._expand();
  			}
  
  			$tabNav.append( self.$tabHeader );
  		}
  	});
  
  })(jQuery, window, document);
  
new_contents: /*
   * Collapsible widget extension: tabs behavior
   * https://github.com/filamentgroup/collapsible
   * Copyright (c) 2014 Filament Group, Inc.
   * Licensed under the MIT, GPL licenses.
   */
  
  ;(function ($, window, document) {
  
  	$( document ).bind( "init", function( e ){
  		var pluginName = "collapsible";
  		var activeTabClass = "tab-active";
  		var $collapsible = $( e.target ).closest( "." + pluginName );
  		var $tabContainer = $collapsible.parent();
  		var $tabNav = $tabContainer.find( ".tabnav" );
  		var self;
  		var id;
  
  		if( $collapsible.is( "." + pluginName ) && $tabContainer.is( ".tabs" ) ){
  			self = $collapsible.data( pluginName );
  			id = self.content.attr( "id" );
  			$tabNav.find( "[aria-controls=" + id + "]" ).remove();
  
  			self.$tabHeader = $( "<a href='#'>" + self.header[0].innerHTML + "</a>" ).attr( "aria-controls", id ).attr("role","tab").attr("aria-selected","false");
  			self.header.css( 'display', 'none' );
  
  			self.$tabHeader.bind( window.tappy ? "tap" : "click", function( e ){
  				e.preventDefault();
  				e.stopPropagation();
  
  				if( self.$tabHeader.is( '.' + activeTabClass ) ) {
  					self.$tabHeader.removeClass( activeTabClass );
  				} else {
  					$tabContainer.find( '.' + activeTabClass ).removeClass( activeTabClass ).attr("aria-selected","false");
  					self.$tabHeader.addClass( activeTabClass ).attr("aria-selected","true");
  				}
  
  				self.toggle();
  			});
  
  			if( !$tabNav.length ) {
  				$tabNav = $( "<nav class='tabnav'></nav>" );
  				$tabContainer.prepend( $tabNav );
  			}
  
  			if( !self.collapsed ) {
  				self.$tabHeader.addClass( activeTabClass ).attr("aria-selected","true");
  				self._expand();
  			}
  
  			$tabNav.append( self.$tabHeader );
  		}
  	});
  
  })(jQuery, window, document);
  
subject: Improve WCAG support so screen readers can read back if tab is active.