javascript - jquery Accordion 不显示箭头或加/减

Question

试图在我的页面中实现 jquery Accordion ， Accordion 本身可以工作，但它不显示箭头或加号/减号。我的代码如下:

<link rel="stylesheet" href="/css/jquery-ui-1.10.4.css" type="text/css" />
<script type="text/javascript"  src='/js/jquery-ui-1.10.4.min.js'></script>
<script type="text/javascript" src='/js/jquery-2.1.1.min.js'></script>


$(function() {
        var icons = {
            header : "ui-icon-circle-arrow-e",
            activeHeader : "ui-icon-circle-arrow-s"
        };
        $("#accordion").accordion();
        icons: icons;
});

<div id="accordion">
<h3>tab 1</h3>
 <div>tab 1 content </div>
<h3>tab 2</h3>
<div>tab 2 content </div>
</div>

我确实在网上找到了很多例子，但似乎没有什么能解决我的问题。任何帮助，将不胜感激。

Answer 1

按照下面的代码解释:

// 1st - initialize accordion 
$("#accordion").accordion();
// Then set accordion header options
$("#accordion").accordion("option", "icons", {
    'header': 'ui-icon-circle-arrow-e',
    'headerSelected': 'ui-icon-circle-arrow-s'
});

演示在这里:http://jsfiddle.net/csdtesting/4rp0mx0p/