JQuery ui bouton icône changer dynamiquement

Question

$("#slideshowadvanceconfig").button({ 
icons:{ primary: 'ui-icon-circle-arrow-e'} }).toggle(function() { 
$(this).button("option", { icons: { primary: 'ui-icon-circle-arrow-s'} });  

$(".settings").slideDown('slow'); }, 
function() { $(this).button("option", { icons: { primary: 'ui-icon-circle-arrow-e'} }); 

$(".settings").slideUp('slow'); 
}); 

Grâce à ce code ci-dessus j'essaie de changer l'icône du bouton jquery ui dynamiquement. Slideup et SlideDown fonctionnent mais l'image ne change pas, quelqu'un peut-il me dire le problème?

Answer 1

D'après ce que je peux vous voir ciblez les icônes: valeur après que la page est tirée, vous devez cibler la valeur src de l'élément HTML image pour changer programmaticly