From 45eb0a9c329ddcdeeb29e8f641f20095f882935e Mon Sep 17 00:00:00 2001
From: Amitoz Deol <amitoz.deol@eawelectro.com>
Date: Thu, 16 Aug 2018 15:02:14 -0400
Subject: [PATCH] panels can have the same class as tabs.

---
 bootstrap-tabcollapse.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/bootstrap-tabcollapse.js b/bootstrap-tabcollapse.js
index 76e1279..0051922 100644
--- a/bootstrap-tabcollapse.js
+++ b/bootstrap-tabcollapse.js
@@ -26,8 +26,8 @@
     TabCollapse.DEFAULTS = {
         accordionClass: 'visible-xs',
         tabsClass: 'hidden-xs',
-        accordionTemplate: function(heading, groupId, parentId, active) {
-            return  '<div class="panel panel-default">' +
+        accordionTemplate: function(heading, groupId, panelClass, parentId, active) {
+            return  '<div class="panel '+panelClass+'panel-default">' +
                     '   <div class="panel-heading">' +
                     '      <h4 class="panel-title">' +
                     '      </h4>' +
@@ -208,7 +208,9 @@
 
         var $tabPane = $(tabSelector),
             groupId = $tabPane.attr('id') + '-collapse',
-            $panel = $(this.options.accordionTemplate($heading, groupId, parentId, active));
+            panelClass = $tabPane.attr('class').split(' ').filter(function(e){ return e.indexOf('panel') > -1 }).toString(),
+            $panel = $(this.options.accordionTemplate($heading, groupId, panelClass, parentId, active));
+            
         $panel.find('.panel-heading > .panel-title').append(this._tabHeadingToPanelHeading($heading, groupId, parentId, active));
         $panel.find('.panel-body').append($tabPane.contents().detach())
             .data('bs.tabcollapse.tabpane', $tabPane);