Jquery用按钮左右滑动答案

【问题标题】：Jquery slide left right with buttonJquery用按钮左右滑动
【发布时间】：2015-07-27 12:22:50
【问题描述】：

我正在创建一个简单的 jquery 幻灯片。当用户单击按钮时，1 div 框将显示右侧的表单，一个将隐藏左侧的表单。这是我的代码，但是当我单击按钮时，所有 div 都会从右向左移动，但它们都没有向左隐藏表单。

<!DOCTYPE html>
<html>
<head>
    <title></title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <style>
    .row{
        max-height: 40px;
        overflow: hidden;
        background-color: pink;
    }
    .col-md-4{
        border: 10px solid #eee;
    }
    </style>

</head>
<body>


<div class="container">
<div class="row">
    <div class="col-md-4">gh</div>
    <div class="col-md-4">gh</div>
    <div class="col-md-4">gh</div>
    <div class="col-md-4">gh</div>
    <div class="col-md-4">gh</div>
    <div class="col-md-4">gh</div>
</div>

<button>Click</button>
</div>



<script type="text/javascript">
    $('button').click(function(){
    $(".col-md-4").next().animate({width:'toggle'},2000);
});
</script>


</body>
</html>

【问题讨论】：

标签： jquery html slide

【解决方案1】：

我希望这是你想要的（而不是我误解的）

基本上，当您单击button 时，下面的小提琴会使显示的div 向左滑动消失，然后从右侧显示以下一个。

Fiddle

问候

【讨论】：

谢谢哥们。我已经解决了这个问题，但我也接受了你的回答。