<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>
html tag
accordion
고정형
변동형