Support for data-toggle="tab" links within tab content

This feature is disabled by default, and can be enabled by passing in the option
{updateLinks: true}.

In addition, in the event that the tab content is not a sibling of the $tabs
element, you can now pass in an option tabContentSelector which identifies the
corresponding .tab-content elements.

Author: Tony Novak

bootstrap-tabcollapse.js

@@ -92,6 +92,20 @@
         });
         this.$accordion.html('');
 
+        if(this.options.updateLinks) {
+            var $tabContents = $(this.options.tabContentSelector) || this.$tabs.siblings('.tab-content')
+            $tabContents.find('[data-toggle-was="tab"], [data-toggle-was="pill"]').each(function() {
+                var $el = $(this);
+                var href = $el.attr('href').replace(/-collapse$/g, '');
+                $el.attr({
+                    'data-toggle': $el.attr('data-toggle-was'),
+                    'data-toggle-was': '',
+                    'data-parent': '',
+                    href: href
+                });
+            });
+        }
+
         this.$tabs.trigger($.Event('shown-tabs.bs.tabcollapse'));
     };
 
@@ -107,6 +121,21 @@
             view.$accordion.append(view._createAccordionGroup(view.$accordion.attr('id'), $heading.detach()));
         });
 
+        if(this.options.updateLinks) {
+            var parentId = this.$accordion.attr('id');
+            var $selector = this.$accordion.find('.js-tabcollapse-panel-body');
+            $selector.find('[data-toggle="tab"], [data-toggle="pill"]').each(function() {
+                var $el = $(this);
+                var href = $el.attr('href') + '-collapse';
+                $el.attr({
+                    'data-toggle-was': $el.attr('data-toggle'),
+                    'data-toggle': 'collapse',
+                    'data-parent': '#' + parentId,
+                    href: href
+                });
+            });
+        }
+
         this.$tabs.trigger($.Event('shown-accordion.bs.tabcollapse'));
     };
 
@@ -145,7 +174,8 @@
         this.$accordion = $('<div class="panel-group ' + this.options.accordionClass + '" id="' + this.$tabs.attr('id') + '-accordion' +'"></div>');
         this.$tabs.after(this.$accordion);
         this.$tabs.addClass(this.options.tabsClass);
-        this.$tabs.siblings('.tab-content').addClass(this.options.tabsClass);
+        var $tabContents = $(this.options.tabContentSelector) || this.$tabs.siblings('.tab-content')
+        $tabContents.addClass(this.options.tabsClass);
     };
 
     TabCollapse.prototype._createAccordionGroup = function(parentId, $heading){