SBUx

<sbux-accordion id="sbIdx1_1" name="sbIdx1_1" uitype="normal" title-target-id-array="acc1_1^acc1_2" title-text-array="acc1_1^acc1_2"></sbux-accordion>
<div id="acc1_1">
   acc contents 1
</div>
<div id="acc1_2">
   acc contents 2
</div>

<sbux-accordion id="sbIdx1_1" name="sbIdx1_1" uitype="normal" title-target-id-array="acc1_1^acc1_2" title-text-array="acc1_1^acc1_2"></sbux-accordion>
<div id="acc1_1">
    <ul>
        <li>list1</li>
        <li>list2</li>
    </ul>
</div>
<div id="acc1_2">
    <p>accordion</p>
</div>

<sbux-accordion id="sbIdx1_1" name="sbIdx1_1" uitype="normal" title-target-id-array="acc1_1^acc1_2"
                title-text-array="acc1_1^acc1_2"
                title-frame-name-array="targetIframe1^targetIframe2"
                title-frame-link-array="https://softbowllab.github.io/sbux^https://softbowllab.github.io/sbgrid"></sbux-accordion>
<div id="acc1_1">
    <iframe id="idxfrmJson1" name="targetIframe1" style="width:100%;"></iframe>
</div>
<div id="acc1_2">
    <iframe id="idxfrmJson2" name="targetIframe2" style="width:100%;"></iframe>
</div>

<script>
    var accJsonData=[
        { "id": "0", "pid": "-1", "order": "1", "targetid": "acc1_1", "text": "acc1_1", "link":"https://softbowllab.github.io/sbux/attribute/latest/input.uitype#input", "targetname":"targetIframe" },
        { "id": "1", "pid": "-1", "order": "2", "targetid": "acc1_2", "text": "acc1_2" }
    ];
</script>
<sbux-accordion id="sbIdx1_1" name="sbTagNm1_1" uitype="normal" jsondata-ref="accJsonData"></sbux-accordion>
<div id="acc1_1">
    <iframe id="idxfrmJson1" name="targetIframe" style="width:100%;"></iframe>
</div>
<div id="acc1_2">
    acc contents 2
</div>