jqueryui手风琴动态创建

我正在创建动态手风琴，为此我使用了如下函数

function buildAccordion(id,keys,values)
{
    var accord="<div id="+id+">";
    $.each(keys, function(i, value) 
    { 
        accord+="<h3><a href='#'>"+value+"</a></h3><div id="+values[i]+"></div>";
    });
    accord+="</div>";

    return accord;
}

但问题是箭头图标&每个面板的标题文本重叠，有什么问题，我做错了什么吗

下面是截图

---

您在构建h3或div标记时是否尝试过将css类

ui accordion头添加到h3或div标记中？
您在构建h3或div标记时是否尝试过将css类
ui accordion头添加到h3或div标记中？
可能更像是css而不是JavaScript问题，您不认为，试着给你的
h3
s添加边距/填充可能吗？@m90:Ya看起来是这样的，但我已经加入了
jquery-ui-1.8.16.custom.css
，所以这应该不是问题。也许你自己的css覆盖了ui样式表中的一些规则，你能看看调试器给你的计算属性吗？@m90：谢谢，这是我使用的，
你的评论对我的帮助可能更多的是CSS而不是JavaScript问题，你不认为，尝试在你的
h3
s中添加边距/填充可能吗？@m90:Ya看起来是这样的，但我已经包括了
jquery-ui-1.8.16.custom.CSS
，所以这应该不是一个问题也许你自己的CSS覆盖了ui样式表中的一些规则，你能看看调试器给你的计算属性吗？@m90:谢谢，这是我使用的，
你的评论帮助了我
function alertsAccordion(id)
{
    var keys=   ["KB Alerts","Product Alerts","Emergency Bug Fix Alerts","Error Alerts"];
    var values= ["kbAlertsDiv","productAlertsDiv","ebfAlertsDiv","errorAlertsDiv"];

    var idd=id+"Panel";

    $('#divContent').empty();
    $('<div width="100%">')
    .attr('id','alertsSpan')
    .html('<div class="titleBlue">Alerts</div>'+buildAccordion(idd,keys,values)+'</div>')       
    .appendTo('#divContent').delay(1).queue(function(){
        $("#"+idd).accordion();     //So here I am triggering accordion
    });

    $("#kbAlertsDiv").html("Olha!");
    $("#productAlertsDiv").html("Guttentag!");
    $("#ebfAlertsDiv").html("Blah! blah!");
    $("#errorAlertsDiv").html("halo");
}