There is a class called "active-accordion" everything works right except the active part. I am at a loss
Below is all the code
CHUNK
<div class="parallax2 parallax-fix margin-five no-margin-bottom" >
<img class="parallax-background-img" src="[[*accordian_parallax]]" alt="" />
<div class="col-md-6 col-xs-12 about-tab-right pull-right">
<div class="panel-group accordion-style1" id="accordion-one">
[[!getImageList?
&tvname=`accordian_list`
&tpl=`service_home_accordian_list` &docid=`[[*id]]`
]]
</div>
</div>
</div>
MIGX CHUNK
<!-- accordion item -->
<div class="panel panel-default">
<div class="panel-heading active-accordion">
<a data-toggle="collapse" data-parent="#accordion-one" href="#accordion-one-link[[+additionalField]]"><h4 class="panel-title"><i class="icon-[[+additionalField1]] extra-small-icon vertical-align-middle white-text"></i> [[+title]]<span class="pull-right"><i class="fa fa-minus"></i></span></h4></a>
</div>
<div id="accordion-one-link[[+additionalField]]" class="panel-collapse collapse in">
<div class="panel-body margin-two">
<div class="col-md-3 col-sm-3 col-xs-12 travel-about-img xs-text-center xs-margin-bottom-ten"><img src="[[ImagePlus?
&value=`[[+image]]`
]]" title="[[+title]]" alt="" class="white-round-border no-border"/></div>
<div class="col-md-9 col-sm-9 col-xs-12"><p class="text-med light-gray-text">[[+additionalField2]]</p></div>
</div>
</div>
</div>
<!-- end accordion item -->
TV MIGX Config
[
{"caption":"Image", "fields":[
{"field":"image","caption":"Image","inputTV":"accordian_image"}
]},
{"caption":"Accordian Order Number", "fields": [
{"field":"additionalField","caption":"Accordian Order Number","inputTVtype":"text"}
]},
{"caption":"Title", "fields": [
{"field":"Title","caption":"Title","inputTVtype":"text"}
]},
{"caption":"Icon", "fields": [
{"field":"additionalField1","caption":"Icon","inputTVtype":"text"}
]},
{"caption":"Content", "fields": [
{"field":"additionalField2","caption":"Content","inputTVtype":"textarea"}
]}
[
{"header": "Image", "width": "100", "sortable": "false", "dataIndex": "image","renderer": "ImagePlus.MIGX_Renderer"},
{"header": "Accordian Order Number", "width": "100", "sortable": "true", "dataIndex": "additionalField"},
{"header": "Title", "width": "100", "sortable": "true", "dataIndex": "Title"},
{"header": "Icon", "width": "100", "sortable": "true", "dataIndex": "additionalField1"},
{"header": "Content", "width": "100", "sortable": "true", "dataIndex": "additionalField2"}
]
]
I tried this and it does call the active but it opens all of them on landing
<!-- accordion item -->
<div class="panel panel-default">
<div class="panel-heading [[+idx:is=`0`:then=`active-accordion`]]" >
<a data-toggle="collapse" data-parent="#accordion-one" href="#accordion-one-link[[+additionalField]]"><h4 class="panel-title"><i class="icon-[[+additionalField1]] extra-small-icon vertical-align-middle white-text"></i> [[+title]]<span class="pull-right"><i class="fa fa-minus"></i></span></h4></a>
</div>
[[getResources?&idx=`0`]]
<div [[+idx:is=`0`:then=`class="active-accordion"`:else=``]] id="accordion-one-link[[+additionalField]]" class="panel-collapse collapse in ">
<div class="panel-body margin-two">
<div class="col-md-3 col-sm-3 col-xs-12 travel-about-img xs-text-center xs-margin-bottom-ten"><img src="[[ImagePlus?
&value=`[[+image]]`
]]" title="[[+title]]" alt="" class="white-round-border no-border"/></div>
<div class="col-md-9 col-sm-9 col-xs-12"><p class="text-med light-gray-text">[[+additionalField2]]</p></div>
</div>
</div>
</div>
<!-- end accordion item -->
