javascript - JS: アニメーション機能

Question

ページに要素 .menu があり、JS ライブラリの 1 つに xslide 属性があり、ドラッグ可能、オーバーレイ、半径などの多くのオプションを提供します。

$(document).ready(function(){
            $('.menu').xslide({
                draggable: true,
                overlay: 'rgba(255,30,100,1)',
                radius:0

            });
        });

上記のコードはプロパティを一定の方法で設定しますが、滑らかな遷移を与えるのが好きなので、ここで jQuery で .animate を使用するにはどうすればよいですか? たとえば、.menu がクリックされたとき、半径が数秒で 20 に徐々に大きくなるようにします。したがって、コードは次のように開始する必要があると思います。

 $('.menu').click(function(){

それで？次のようなものを試すと：

$(this).animate.xslide({radius:'20'},1000)

うまくいきません、助けてもらえますか？:) これらの些細なことを聞​​いて迷惑をかけている場合は申し訳ありませんが、私はそれにとても慣れていないので、一生懸命努力しています. ^^