javascript - 添加删除 div 点击下一个和上一个

Question

我有多个 DIV 需要隐藏并且一次只显示一个 div。使用OnClick事件 on Nextand 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

您可以在单击事件上使用 jquery .show() 和 .hide() 和 slideUp() ：

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