jQuery幻灯片元素显示在彼此下方（应并排）

我有一个教程框，里面有大约4张幻灯片（）

我的目标是让幻灯片在用户单击“下一步”时从右向左滑动。我已经设法让它工作，但是元素显示一个在另一个之上，而不是并排。

我使用jQuery UI实现了这一点：

function guide() {
    // Controls for the welcome guide
    //guideCurrentItem = guideCurrentItem + 1;
    $("#1").hide('slide', { direction: 'left' }, 2000);
    $("#2").show('slide', { direction: 'right' }, 2000);
}

HTML:

在线阅读，快速轻松。
现在就开始使用我们的用户指南，或者如果您知道您已经安装好了

下一步

连接

现在就开始使用我们的用户指南，或者如果您知道您已经安装好了

下一步

下次访问时隐藏此欢迎屏幕

如何使它们以最有效的方式并排显示？我已经尝试了显示的所有组合：内联块等，但无法让它工作

---

是的，我知道有很多插件可以做到这一点，但这对知识库并没有什么帮助。

Give

.item

a

位置：绝对

在那之后，你只需要把它设计得更好看

    .welcome .holder .item {
        position: absolute;
}

给出
.item
a
位置：绝对位置

在那之后，你只需要把它设计得更好看

    .welcome .holder .item {
        position: absolute;
}

给出
.item
a
位置：绝对位置

在那之后，你只需要把它设计得更好看

    .welcome .holder .item {
        position: absolute;
}

给出
.item
a
位置：绝对位置

在那之后，你只需要把它设计得更好看

    .welcome .holder .item {
        position: absolute;
}

嗯，使用滑块的一般想法是使用
宽度=项目*项目\u宽度，然后围绕此包装移动以转到所选项目

    <div class="holder">
       <div class="items-wrapper" style='width:900px'>
         <div class="item" id="1"></div>
         <div class="item" id="2"></div>
       </div>
    </div>



使用这种方法，您不必显示或隐藏元素，只需更改items包装器的marginLeft值即可。
你可以用jquery做数学运算，用css做动画。好吧，使用滑块的一般想法是用
宽度=项目*项目\u宽度，然后围绕此包装移动以转到所选项目

    <div class="holder">
       <div class="items-wrapper" style='width:900px'>
         <div class="item" id="1"></div>
         <div class="item" id="2"></div>
       </div>
    </div>



使用这种方法，您不必显示或隐藏元素，只需更改items包装器的marginLeft值即可。
你可以用jquery做数学运算，用css做动画。好吧，使用滑块的一般想法是用
宽度=项目*项目\u宽度，然后围绕此包装移动以转到所选项目

    <div class="holder">
       <div class="items-wrapper" style='width:900px'>
         <div class="item" id="1"></div>
         <div class="item" id="2"></div>
       </div>
    </div>



使用这种方法，您不必显示或隐藏元素，只需更改items包装器的marginLeft值即可。
你可以用jquery做数学运算，用css做动画。好吧，使用滑块的一般想法是用
宽度=项目*项目\u宽度，然后围绕此包装移动以转到所选项目

    <div class="holder">
       <div class="items-wrapper" style='width:900px'>
         <div class="item" id="1"></div>
         <div class="item" id="2"></div>
       </div>
    </div>



使用这种方法，您不必显示或隐藏元素，只需更改items包装器的marginLeft值即可。
你可以用jquery计算，用css制作动画
你的div不适合父div使div变小或变大你的div不适合父div使div变小或变大你的div不适合父div使div变小或变大你的div不适合父div使div变大小的还是大的