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

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -