javascript - changing Jquery Ui Toggle Panel Icons -
javascript - changing Jquery Ui Toggle Panel Icons -
i using jquery ui toggle panel mentioned here:
http://jsbin.com/eqape
i want utilize icons triangle circle-arrow
which has 2 classes circle-arrow-e , circle-arrow-s (selected). how alter next 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(); homecoming false; }) .next() .addclass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom") .hide();
please suggest:
$("#accordion").accordion({ active: false, icons: {'header': 'ui-icon-circle-arrow-e', 'headerselected': 'ui-icon-circle-arrow-s' } });
javascript jquery jquery-ui
Comments
Post a Comment