How to adjust Accordion items height

[pratikk]

I want to adjust the height of the accordion items. I searched the forum, I found the way to make bigger the font size but this time the height  remains the same.

[stworthy]

You can custom the panel header with a <header> element.

Code:

<div class="easyui-accordion" style="width:500px;height:300px;">
	<div>
		<header>
			<div style="height:30px;line-height:30px">tab1</div>
		</header>
	</div>
	<div>
		<header>
			<div style="height:30px;line-height:30px">tab2</div>
		</header>
	</div>
</div>

[pratikk]

My code is below. I tried to put <header> in  several combinations but none of them worked. Can you show me ?


            <div id="accordion" class="easyui-accordion" style="height: auto;">
                <div title="<span style='font-size:20px;'>Pos</span>" data-options="selected:false" class="anasat"
                    style="overflow:auto;padding:7px;font-weight: bold">
                    <div id="cmenu2" class="cari">Pos Kasa</div>
                    <div id="cmenu2" class="muhkasa">Fişler</div>
                    <div id="cmenu2" class="carifis">Raporlar</div>
                </div>
                <div title="<span style='font-size:20px;'>Ayarlar</span>" data-options="selected:false" class="anasat"
                    style="overflow:auto;padding:7px;font-weight: bold">
                    <div id="cmenu2" class="stokart">Kasa Parametreleri</div>
                </div>
                <div class="web" title="<span style='font-size:20px;'>Flexxi</span>" class="anasat" data-options="selected:true"
                    style="overflow:auto;padding:7px;font-weight: bold">
                    <div id="cmenu2" class="web">Web</div>
                    <div id="cmenu2" class="destek">Destek</div>
                    <div id="cmenu2" class="lisbilgi">Lisans Bilgisi</div>
                    <div id="cmenu2" class="indexegit">Çıkış</div>
                </div>
            </div>

[stworthy]

Please refer to this example https://jsfiddle.net/42zb9z3x/