改变Jquery Ui切换面板图标

changing Jquery Ui Toggle Panel Icons

本文关键字：图标 Jquery Ui 改变      更新时间：2023-09-26

我使用这里提到的Jquery UI切换面板:

http://jsbin.com/eqape

我想使用图标从三角形到圆箭头

有两个类circle-arrow-e和circle-arrow-s(已选)。如何更改以下Javascript。

   $("#notaccordion").addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset")
  .find("h3")
    .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
    .hover(function() { $(this).toggleClass("ui-state-hover"); })
    .prepend('<span class="ui-icon ui-icon-triangle-1-e"></span>')
    .click(function() {
        $(this)
        .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
        .find("> .ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end()
        .next().toggleClass("ui-accordion-content-active").slideToggle();
        return false;
    })
    .next()
      .addClass("ui-accordion-content  ui-helper-reset ui-widget-content ui-corner-bottom")
      .hide();

请建议:

$("#accordion").accordion({ active: false, icons: {'header': 'ui-icon-circle-arrow-e', 'headerSelected': 'ui-icon-circle-arrow-s' } });
相关文章：