jquery - img/textにカーソルを合わせるとjQueryスライドdivが左から右に

Question

のテキストをスライドさせようとしていますがhover、img/text他のdivも。と一緒にスライドする必要がありdivます。

スライド効果はありますがdiv、パスに沿ってスライドできません。これがデモです。

Answer 1

これを試して：

$('.holdingbox').hover(function(){
        $('.rightbox').animate({width: '90px'}, 1000)
    }, function(){
        $('.rightbox').animate({width: '0'}, 1000)
    });

HTML

<div class="holdingbox">
 <span class="leftbox">Stuff</span>
 <span class="rightbox">
     <span class="content">Stuff to reveal</span>
 </span>
</div>
<div class = "box">Text</div>

CSS

.rightbox {
    position: relative;
    display:inline-block;
    overflow:hidden;
    width:0;
    height:30px;
    vertical-align:top;
}
.content{
    width:100px;
    position:absolute;
    left:0;
    top:0;
}

これをチェックしてくださいhttp://jsfiddle.net/mqzuD/10/

Answer 2

これを試して

$('div.holdingbox').bind("mouseenter", function() {
      $(this).find('span').animate({
             "left": "+=5px",
                "opacity" : "show"
              }, {
            duration: 1000
      });   
 });

http://jsfiddle.net/mqzuD/8/

これがあなたが望むことを願っています。