Is it possible to choose the effect for a switchClass jQuery UI function?

Is it possible to choose the effect for a switchClass jQuery UI function?

HTML

<!doctype html>
<html>
    
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js "></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>      
        
    </head>
    
    <body>
        <b><a id="btnPause" class="pauseClass">Text</a></b><br />
         <input type="button" id="btnDemo" value="Demo" />   
    </body>    
</html>

CSS

.pauseClass
        {
            color: blue;
        }
        
        .playClass
        {
            color: red;
        }

JavaScript

$(document).ready(function () {
            $('#btnDemo').click(function () {
                if($(this).hasClass="pauseClass"){
                $('a#btnPause').switchClass('pauseClass', 'playClass');
                }
                else{
                $('a#btnPause').switchClass('playClass', 'pauseClass');
                }
            });
        });