animate in jquery not firing
<p>my intention is to hide a div element as soon as the hide button is clicked. But the browser stays silent when i clicked the hide button.</p>

<p>Here is my code</p>

<pre>
 $.fn.slideFadeToggle = function(easing, callback) {
        return this.animate({ opacity: 'toggle', height: 'toggle' }, "slow", easing, callback);
    };

    $("#hid").click(function(){
        alert('here');
        $("#result").slideFadeToggle();
    });
</pre>

<p>hid is the id of the button which on clicked should actually hide the div. The alert inside the click funtction doesnt work either.</p>

<p>result is the id of the div to be hidden. any ideas?</p>
