javascript - Accordion 标题内容

我已经用JavaScript创建了手风琴。我想使手风琴标题内容的大小更小（50％）。但是我无法弄清楚。

$.each(myData.offsetFormations, function(i,aut) {
            headerList = '<h3><ul><li contenteditable="true">'+
                '<text class="formationName">'+ aut.FormationName + '</text>'+
                ' | ' +
                '<text class="bitSize">'+this.BitSize.toFixed(2) + '</text>'+
                ' | ' +
                '<text class="bitType">'+this.BitType + '</text>'+
                '</li></ul></h3>';

            wellNameList = '<div class="table-holder"><table>';

            $.each(myData.wellList, function(k,mano){
                if(aut.AssociatedwellList.some(function(w) { return w.WellName === mano.WellName; }))
                    {
                    wellNameList += '<td><div>'+ mano.WellName+'</div></td>';
                    }
                    else
                    {
                 wellNameList += '<td style="color:gray;" ><div>'+ mano.WellName+'</div></td>';
                    }
                });

            wellNameList += '</table></div>';

            headerList += '<div>'+wellNameList +'</div>';
            $(headerList).appendTo('#accordion');
        });

最佳答案

默认情况下，ul元素的顶部和底部边距为1em，这会使您的包装盒额外增加2em的高度。

您可以使用以下方法删除它：

.ui-accordion ul {
    margin: 0;
}

更新的小提琴：http://jsfiddle.net/xg7cr0g4/44/