jquery ui button icon change dynamically
<pre><code>$("#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'); 
});
</code></pre>

<p>Through this above code i am trying to change the icon of jquery ui button dynamically. Slideup and SlideDown works but image is not changing , can anybody tell me the problem? </p>
