전환 jQuery를-UI 위젯

Question

나는이 :

<div class="ui-widget"> 
    <div class="ui-widget-header"> 
     <span class="ui-icon ui-icon-circle-triangle-n">My Menu</span> 
    </div> 
    <ul class="ui-widget-content"> 
     <li>Menu Item 1</li> 
     <li>Menu Item 2</li> 
     <li>Menu Item 3</li> 
    </ul> 
</div> 

내 jQuery를은 다음과 같습니다

$('.ui-widget-header').click(function() { 
    $('.ui-widget-header+ul').toggle('slow');   
}); 

Q : 나는 UI-아이콘 - 원 - 삼각형-N 및 UI-아이콘 사이의 클래스를 전환하려면 어떻게 사용자가 .ui-widget-header를 클릭 할 때 -circle-triangle-s?

Answer 1

가장 간단한 방법은 lomaxx .toggleClass()

$('.ui-widget-header').click(function() { 
    $('.ui-widget-header+ul').toggle('slow'); 
    $('.ui-icon', this).toggleClass('ui-icon-circle-triangle-n ui-icon-circle-triangle-s');   
});