Jquery滑块向下移动如何使其变为水平

Question

目前我隐藏了第二条横幅，目前横幅为1。当我点击箭头时，我希望横幅1隐藏，横幅2显示从右侧进入。

目前来自底部使用此：

  $(".homeArrow").on('click', function () {
$('.homeImage').animate({
    width: 'toggle'
});

});

这是JS小提琴：

http://jsfiddle.net/8a7GL/174/

如何让滑块水平移动而不是垂直移动。

感谢

Answer 1

您可以在此课程中设置homeImage float:left并在此homeArrow中清除浮动：

.homeImage{
    float: left;
}
.homeArrow{
    clear: left;
}

fiddle

Answer 2

您需要将元素放在彼此旁边，在同一行上。一种方法是将.homeImage设置为display: inline。

这是一个演示的小提琴：

http://jsfiddle.net/8a7GL/181/