<![CDATA[ Active Css getresources accordion help - My Forums]]> https://forums.modx.com/thread/?thread=104992 <![CDATA[Active Css getresources accordion help]]> https://forums.modx.com/thread/104992/active-css-getresources-accordion-help#dis-post-564538 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 -->
]]>
eleiz11 Mar 21, 2019, 09:26 PM https://forums.modx.com/thread/104992/active-css-getresources-accordion-help#dis-post-564538