javascript - jquery accordion not displaying arrow or plus/minus -

javascript - jquery accordion not displaying arrow or plus/minus -

trying implement jquery accordion in page, accordion works not show arrow or plus/minus sign. code follows :

<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>

i did find plenty of illustration through out web nil seems prepare problem. help appreciated.

follow code explanation bellow:

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

demo here: http://jsfiddle.net/csdtesting/4rp0mx0p/

javascript jquery