Jquery - Problemi classe Toggle

[Iron83]

ciao a tutti, potreste dirmi dove sbaglio? il debug non da errore ma la transizione non si esegue

        <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="js/jquery.effects.core.js"></script>
        <script type="text/javascript" src="js/jquery.effects.blind.js"></script>
        <script type="text/javascript">
        $(function() {
            //run the currently selected effect
            function runEffect(){
                //get effect type from 
                var selectedEffect = $('#effectTypes').val('blind');
                
                //most effect types need no options passed by default
                var options = {};
                //check if it's scale or size - they need options explicitly set
                if(selectedEffect == 'scale'){  options = {percent: 0}; }
                else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
                
                //run the effect
                $("#effect").toggle(selectedEffect,options,500);
            };
            
            //set effect from select menu value
            $("#button").click(function() {
                runEffect();
                return false;
            });

        });
        </script>

                [url="#"][img]immagini/social-network.png[/img][/url]
                <div id="effect">
                    <ul style="margin: 0; padding-left: 20px; padding-top: 10px;">
                        <li style="padding-bottom: 10px;">[url="#"][img]immagini/facebook.png[/img][/url]
                        <li style="padding-bottom: 10px;">[url="#"][img]immagini/linkedin.png[/img][/url]
                        <li style="padding-bottom: 10px;">[url="#"][img]immagini/twitter.png[/img][/url]
                    [/list]
                </div> 

suggerimenti??