Nested Accordion

AngularJs / Nested Accordion

angular UI bootstrap accordion – Plunker

angular.module(‘plunker’, [‘ui.bootstrap’]);

function AccordionDemoCtrl($scope) {

$scope.animals = {vertibrates:
{mammals: [‘lion’, ‘dog’],
birds: [‘hawk’, ‘sparrow’]},
invertibrates: {‘insects’: [‘bee’, ‘ant’]}};

}



Source: angular UI bootstrap accordion – Plunker

 

 
Nested Accordion

Bootstrap Icon nested accordion rzaII695rf

.panel-group .panel-heading + .panel-collapse > .panel-body { border: 1px solid #ddd;}.panel-group,.panel-group .panel,.panel-group .panel-heading,.panel-group .panel-heading a,.panel-group .panel-title,.panel-group .panel-title a,.panel-group .panel-body,.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body { border-radius: 2px; border: 0;}.panel-group .panel-heading { padding: 0;}.panel-group .panel-heading a { display: block; background: #668bb1; color: #ffffff; padding: 15px; text-decoration: none; position: relative;}.panel-group .panel-heading a.collapsed { background: #eeeeee; color: …

 
Nested Accordion

Bootstrap Icon nested accordion fhdb11Byfq

Collapsible Group Item #1 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh …