From 93f687a5ad2cd491589a94901dcadbb696d34d3b Mon Sep 17 00:00:00 2001
From: James <mav2287@aol.com>
Date: Tue, 3 Nov 2015 11:42:41 -0600
Subject: [PATCH 1/4] Update responsive-tabs.js

By making the following changes you allow the actual tabs themselves to be above(before) or below(after) the panel content. Without this change if the code has the order of <div id="tabcontentbelow" class="tab-content responsive"><ul id="tabnavbelow" class="nav nav-tabs responsive"> instead of the more common <ul id="tabnavbelow" class="nav nav-tabs responsive"><div id="tabcontentbelow" class="tab-content responsive"> the script will not work. The reason for this is two .next usages that are based on the assumption that it will be written in that order. The correction goes based off the classes and still works with multiple tabs on 1 page. This allows for tabs above, below, left, and right.
---
 js/responsive-tabs.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/responsive-tabs.js b/js/responsive-tabs.js
index 7871772..7ed4710 100755
--- a/js/responsive-tabs.js
+++ b/js/responsive-tabs.js
@@ -72,7 +72,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 				);
 			} );
 
-			$tabGroup.next().after( collapseDiv );
+			$tabGroup.parent().find('.tab-content.responsive').after( collapseDiv );
 			$tabGroup.addClass( hidden );
 			$( '.tab-content.responsive' ).addClass( hidden );
 		} );
@@ -105,7 +105,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 		$.each( tabGroups, function ( index, tabGroup ) {
 
 			// Find the tab
-			var tabContents = $( tabGroup ).next( '.tab-content' ).find( '.tab-pane' );
+			var tabContents = $( tabGroup ).parent().find('.tab-content.responsive').find( '.tab-pane' );;
 
 			$.each( tabContents, function ( index, tabContent ) {
 				// Find the id to move the element to

From bd0d4574249eb5e4d601810e42538235d2f326c1 Mon Sep 17 00:00:00 2001
From: James <mav2287@aol.com>
Date: Tue, 3 Nov 2015 12:00:01 -0600
Subject: [PATCH 2/4] Update responsive-tabs.js

---
 js/responsive-tabs.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/responsive-tabs.js b/js/responsive-tabs.js
index 7ed4710..d2cd887 100755
--- a/js/responsive-tabs.js
+++ b/js/responsive-tabs.js
@@ -130,7 +130,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 		$.each( panelGroups, function ( index, panelGroup ) {
 
 			var destinationId = $( panelGroup ).attr( 'id' ).replace( 'collapse-', '#' );
-			var destination   = $( destinationId ).next( '.tab-content' )[ 0 ];
+			vvar destination   = $( destinationId ).parent().find('.tab-content')[ 0 ];
 
 			// Find the panel contents
 			var panelContents = $( panelGroup ).find( '.panel-body' );

From a6555ca5a1aff0fe43f4964d3ea711204293c6bd Mon Sep 17 00:00:00 2001
From: James <mav2287@aol.com>
Date: Wed, 4 Nov 2015 14:56:47 -0600
Subject: [PATCH 3/4] Update responsive-tabs.js

The changes here will account for using panels inside a tab. Otherwise if the screen is resized the panel will get treated as though it was one of the panels for the tab
---
 js/responsive-tabs.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/js/responsive-tabs.js b/js/responsive-tabs.js
index d2cd887..31e5017 100755
--- a/js/responsive-tabs.js
+++ b/js/responsive-tabs.js
@@ -1,3 +1,29 @@
+
+Skip to content
+This repository
+
+    Pull requests
+    Issues
+    Gist
+
+    @mav2287
+
+14
+81
+
+    41
+
+openam/bootstrap-responsive-tabs
+
+bootstrap-responsive-tabs/js/responsive-tabs.js
+bd0d457 a day ago
+@mav2287 mav2287 Update responsive-tabs.js
+4 contributors
+@openam
+@mav2287
+@mstrelan
+@mujuni88
+executable file 191 lines (143 sloc) 5.38 KB
 var fakewaffle = ( function ( $, fakewaffle ) {
 	'use strict';
 
@@ -188,3 +214,8 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 
 	return fakewaffle;
 }( window.jQuery, fakewaffle || { } ) );
+
+    Status API Training Shop Blog About Pricing 
+
+    © 2015 GitHub, Inc. Terms Privacy Security Contact Help 
+

From 8ecc13e203fd2460f7547f81858c1aa83ff3faef Mon Sep 17 00:00:00 2001
From: James <mav2287@aol.com>
Date: Wed, 4 Nov 2015 15:25:22 -0600
Subject: [PATCH 4/4] Update responsive-tabs.js

---
 js/responsive-tabs.js | 52 +++++++++----------------------------------
 1 file changed, 11 insertions(+), 41 deletions(-)

diff --git a/js/responsive-tabs.js b/js/responsive-tabs.js
index 31e5017..21ded58 100755
--- a/js/responsive-tabs.js
+++ b/js/responsive-tabs.js
@@ -1,29 +1,4 @@
 
-Skip to content
-This repository
-
-    Pull requests
-    Issues
-    Gist
-
-    @mav2287
-
-14
-81
-
-    41
-
-openam/bootstrap-responsive-tabs
-
-bootstrap-responsive-tabs/js/responsive-tabs.js
-bd0d457 a day ago
-@mav2287 mav2287 Update responsive-tabs.js
-4 contributors
-@openam
-@mav2287
-@mstrelan
-@mujuni88
-executable file 191 lines (143 sloc) 5.38 KB
 var fakewaffle = ( function ( $, fakewaffle ) {
 	'use strict';
 
@@ -58,7 +33,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 				var oldLinkClass   = $this.attr( 'class' ) === undefined ? '' : $this.attr( 'class' );
 				var newLinkClass   = 'accordion-toggle';
 				var oldParentClass = $this.parent().attr( 'class' ) === undefined ? '' : $this.parent().attr( 'class' );
-				var newParentClass = 'panel panel-default';
+				var newParentClass = 'panel panel-default responsive';
 				var newHash        = $this.get( 0 ).hash.replace( '#', 'collapse-' );
 
 				if ( oldLinkClass.length > 0 ) {
@@ -78,8 +53,8 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 
 				collapseDiv.append(
 					$( '<div>' ).attr( 'class', newParentClass ).html(
-						$( '<div>' ).attr( 'class', 'panel-heading' ).html(
-							$( '<h4>' ).attr( 'class', 'panel-title' ).html(
+						$( '<div>' ).attr( 'class', 'panel-heading responsive' ).html(
+							$( '<h4>' ).attr( 'class', 'panel-title responsive' ).html(
 								$( '<a>', {
 									'class'       : newLinkClass,
 									'data-toggle' : 'collapse',
@@ -92,7 +67,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 					).append(
 						$( '<div>', {
 							'id'    : newHash,
-							'class' : 'panel-collapse collapse'
+							'class' : 'panel-collapse collapse responsive'
 						} )
 					)
 				);
@@ -140,7 +115,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 				// Convert tab to panel and move to destination
 				$( tabContent )
 					.removeClass( 'tab-pane' )
-					.addClass( 'panel-body' )
+					.addClass( 'panel-body responsive' )
 					.appendTo( $( destinationId ) );
 
 			} );
@@ -156,14 +131,14 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 		$.each( panelGroups, function ( index, panelGroup ) {
 
 			var destinationId = $( panelGroup ).attr( 'id' ).replace( 'collapse-', '#' );
-			vvar destination   = $( destinationId ).parent().find('.tab-content')[ 0 ];
+			var destination   = $( destinationId ).next( '.tab-content' )[ 0 ];
 
 			// Find the panel contents
-			var panelContents = $( panelGroup ).find( '.panel-body' );
+			var panelContents = $( panelGroup ).find( '.panel-body.responsive' );
 
 			// Convert to tab and move to destination
 			panelContents
-				.removeClass( 'panel-body' )
+				.removeClass( 'panel-body responsive' )
 				.addClass( 'tab-pane' )
 				.appendTo( $( destination ) );
 
@@ -174,7 +149,7 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 	fakewaffle.bindTabToCollapse = function () {
 
 		var tabs     = $( '.nav-tabs.responsive' ).find( 'li a' );
-		var collapse = $( '.panel-group.responsive' ).find( '.panel-collapse' );
+		var collapse = $( '.panel-group.responsive' ).find( '.panel-collapse responsive' );
 
 		// Toggle the panels when the associated tab is toggled
 		tabs.on( 'shown.bs.tab', function ( e ) {
@@ -201,8 +176,8 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 	
 				// Update the content with active
 				var panelGroup = $( e.currentTarget ).closest( '.panel-group.responsive' );
-				$( panelGroup ).find( '.panel-body' ).removeClass( 'active' );
-				$( e.currentTarget ).find( '.panel-body' ).addClass( 'active' );
+				$( panelGroup ).find( '.panel-body.responsive' ).removeClass( 'active' );
+				$( e.currentTarget ).find( '.panel-body.responsive' ).addClass( 'active' );
 			}
 
 		} );
@@ -214,8 +189,3 @@ var fakewaffle = ( function ( $, fakewaffle ) {
 
 	return fakewaffle;
 }( window.jQuery, fakewaffle || { } ) );
-
-    Status API Training Shop Blog About Pricing 
-
-    © 2015 GitHub, Inc. Terms Privacy Security Contact Help 
-