jquery - jquery uiボタンのアイコンが動的に変化する

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'); 
});

この上記のコードを通じて、jquery ui ボタンのアイコンを動的に変更しようとしています。Slideup と SlideDown は機能しますが、画像が変化しません。誰か問題を教えていただけますか?