jQuery UIスケールの質問

Question

jQuery UIのスケール関数がdivのサイズの100％までスケールできるように、divをゼロの高さと幅（またはそれを見えなくするために必要なもの）に設定します。私は、次のことを試してみた：

HTML：

<div class="button1"> 
<a class="home link" href="index.html" onclick="blur();">Home</a> 
</div> 

はCSS：

.button1 
    { 
    position:absolute; 
    top:186px; 
    left:5px; 
    z-index:1 
    } 

.home 
    { 
    display: block; 
    width: 127px; 
    height: 79px; 
    text-indent: -9999px; 
    overflow: auto; 
    background: url('/aaron.chauvin/sitepics/home.png') bottom; 
    } 

.home:hover 
    { 
    background-position: 0 0; 
    } 

a.link:focus 
    { 
    border: none; 
    outline: 4px ridge #0000FF; 
    } 

a.link 
    { 
    border: none; 
    outline: none; 
    } 

a.link:active 
    { 
    border: none; 
    outline: none; 
    } 

a.link:hover 
    { 
    border: none; 
    outline: none; 
    } 

JS：

// This doesn't work for setting the div to be invisible , but I couldn't 
// find the right method that works correctly with .effect() 
$('.button1').effect("scale", { percent: 0 }, 10); 
$('.button1').effect("scale", { percent: 100 }, 1500); 

これは動作しませんが。私はすでに表示されている場合（私はjsの最初の行を残している場合）、div関数を正しく動作させることができません。

私は本当にdivとそのコンテンツがページ上のどこからも成長していないようにscale（）を使用したいと思いますが、これを達成する別の方法がある場合（jQueryまたはjQuery UIを利用しています）提案に。また、scale（）でイージングエフェクトやアニメーションを使用することは可能ですか（私はそれが正しく動作すると仮定します= P）？

編集：私はまた、私はこのスケール効果はクリックで発生するか、ページが読み込ま&が、私はそれを少し遅らせたいちょうどその時、ホバリングや何もしたくないことを言及する必要があります。

ありがとうございます。

Answer 1

DIVが一度元のサイズの0％に縮小されると、元のサイズの0％にとどまります。どのようにしてサイズ0の要素を現在のサイズの200％にスケールしますか？

0％以外の値、たとえばpercent: 10に減らしてから、percent: 1000にしてください。

OR

使用.effect("size", { to: { width: 50, height: 10 } }, 500);、その後、あなたが望むものは何でもサイズに変更します。

OR

SE .animate({"height": "toggle", "width":"toggle"},500)、その後は元のサイズにそれを持って来るために同じを使用します。