0

非表示にする必要がある複数の DIV があり、一度に 1 つの div のみを表示します。OnClickイベント onNextとを使用し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>
4

2 に答える 2

1

.fadeIn()と.fadeOut( )を学ぶ必要があります。誰もあなたのためにコードを書くことはありません。与えられたリンクから学び、目標を達成してください。:-)

于 2013-01-14T07:24:12.543 に答える
0

クリックイベントで jquery .show() および .hide() を slideUp() とともに使用できます。

    $('#divs').not('[id=box_element_'+index+']').hide();
    $('#box_element_'+index).show().delay(500).slideUp(1000);
于 2013-01-14T07:49:33.957 に答える