ホバー、私は次のように持って右

から別のdivにスライドするjQueryのを使用します。ホバー、私は次のように持って右

<div class="holdingbox"> 
<div class="leftbox">Stuff</div> 
<div class="rightbox">Stuff to reveal</div> 
</div>

holdinboxは rightboxを浮かべ隠さ leftboxのオーバーフローが残されているが、右浮かべ、全道の外にありますホールディングボックスはエッジを除いて（ちょうどタブのように見えます）。

私は右のボックスをホールドボックスに置いてください（左ボックスの質問に対する回答があります）。マウスを離すと、右のボックスが外にスライドします。

私はこれにjQueryが必要だと知っていますが、私はちょうど1つのdivのホバーを使用して、別のdivを右からスライドさせる方法に困惑しています。

ご協力いただきましてありがとうございます。

おかげで、クリス

で遊ぶことができますか？

divの幅の計算をしてコンテナを適切にアニメーション化するだけで済みます。がんばろう。

2011-07-16 01:24:42 vinceh

私は答えとしてこれをマークしました。私が必要とするもののためには最高のようです...ありがとう！ 1つの質問：これは緑色のDIVでスライドしますが、赤色にスライドします...赤色の上に緑色でスライドする方法はありますか（赤色は適所に留まります）？ –

[this]（http://jsfiddle.net/ewNpL/3/）のようなもの？ :) – vinceh

$('div.holdingbox').hover(function(){ 
    $(this).find('div.rightbox').animate(
     { 'margin-top': '-100px' } 
    ); 
});

そして、あなたは、あなたがthisのようなものを意味するか、正確なアニメーション

2011-07-16 01:23:18 Milimetric

答えて