Jquery从左向右滑动

我的坏了

$(document).ready(function() {
 $('.mybutton').click(function() {
   var $lefty = $(this).next();
   $lefty.animate({
     left: parseInt($lefty.css('left'),10) == 0 ?
     -$lefty.outerWidth() :
     0
   });
 });

}))

帮助自定义我从中获得的此代码

基本上我只是想模仿这种“客户服务”

$（this）

是最后一个子项（

.mybutton

），并且

next（）

将不返回任何内容，因此

$lefty

将为空

var $lefty = $(this).parent();

如果我没弄错的话，我会做得更好

$（this）

是最后一个子项（

.mybutton

），并且

next（）

将不返回任何内容，因此

$lefty

将为空

var $lefty = $(this).parent();

如果我没弄错的话，我会做得更好

以下是我的工作：

$(document).ready(function() {  
   $('#slideleft .mybutton').click(function() {
    var $marginLefty = $(this).parent();
      $marginLefty.animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
      $marginLefty.outerWidth() :
      0
    });
  });  
});  

以下是我的工作：

$(document).ready(function() {  
   $('#slideleft .mybutton').click(function() {
    var $marginLefty = $(this).parent();
      $marginLefty.animate({
      marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
      $marginLefty.outerWidth() :
      0
    });
  });  
});  

---

你的html与你的js不匹配，下一个指的是下一个元素，而你的下一个元素与上一个一样，你应该用上一个替换它，或者只是重新排列你的html，然后左对齐css。但是，由于需要该效果，动画将应用于父对象

<div id="slideleft" class="slide">
    <div class="inner">
        <div class="mybutton">SLIDE IT</div>
        <div class="scontent" style="position:absolute">Animate this element's left style property</div>
    </div>
</div>
<div class="cls"></div>

滑动它
设置此元素的“左样式”属性的动画

你的html与你的js不匹配，下一个指的是下一个元素，而你的下一个元素与上一个一样，你应该用上一个替换它，或者只是重新排列你的html，然后左对齐css。但是，由于需要该效果，动画将应用于父对象

<div id="slideleft" class="slide">
    <div class="inner">
        <div class="mybutton">SLIDE IT</div>
        <div class="scontent" style="position:absolute">Animate this element's left style property</div>
    </div>
</div>
<div class="cls"></div>

滑动它
设置此元素的“左样式”属性的动画

为什么不试试动画片为什么不试试动画片呢。。但我不希望“滑动”按钮在我按下时被隐藏。我该怎么做？也许是这样的：不要完全隐藏

slide它

？谢谢，我已经更新了它。。但我不希望“滑动”按钮在我按下时被隐藏。我该怎么做呢？也许是这样的：不要完全隐藏它？