Question

我有多个需要隐藏的DIV，一次只显示一个div。在OnClick和Next上使用Previous事件，我希望下一个div或上一个div显示幻灯片效果。

<div id="box_element_1">
Content Show Here
</div>

<div id="box_element_2">
Content Show Here
</div>

<div id="box_element_3">
Content Show Here
</div>

<div id="box_element_4">
Content Show Here
</div>

<div id="box_element_5">
Content Show Here
</div>

<div id="box_element_6">
Content Show Here
</div>

<div id="box_element_7">
Content Show Here
</div>

<div id="box_element_8">
Content Show Here
</div>

<div id="box_element_9">
Content Show Here
</div>

<div id="box_element_10">
Content Show Here
</div>

<a href="#">Next</a>
<a href="#">Previous</a>

Answer 1

您需要了解.fadeIn()和.fadeOut()。没有人会为你编写代码。从实现目标的链接中学习。： - ）

Answer 2

您可以在点击事件中使用带有slideUp（）的jquery .show（）和.hide（）：

    $('#divs').not('[id=box_element_'+index+']').hide();
    $('#box_element_'+index).show().delay(500).slideUp(1000);

单击“下一步”和“上一步”添加删除div

2 个答案: