Jak pod jeden link podpiąć skrypt, który po każdorazowym kliknięciu wywoła kolejnego div'a? Opcje

[marcus755]

Hej wszystkim,

zrobiłem coś takiego:

<div id="bloki" style="display:block;">
<div id="blok_1" style="width:200px; height:100px;">Lorem ipsum 1</div>
<div id="blok_1" style="width:200px; height:100px;">Lorem ipsum 2</div>
<div id="blok_1" style="width:200px; height:100px;">Lorem ipsum 3</div>
<div id="blok_1" style="width:200px; height:100px;">Lorem ipsum 4</div>
</div>

<div id="bloki2" style="display:none;">
<div id="bloki_2" style="width:200px; height:100px;">Lorem ipsum 11</div>
<div id="bloki_2" style="width:200px; height:100px;">Lorem ipsum 21</div>
<div id="bloki_2" style="width:200px; height:100px;">Lorem ipsum 31</div>
<div id="bloki_2" style="width:200px; height:100px;">Lorem ipsum 41</div>
</div>

<div id="bloki3" style="display:none;">
<div id="blok_3" style="width:200px; height:100px;">Lorem ipsum 110</div>
<div id="blok_3" style="width:200px; height:100px;">Lorem ipsum 210</div>
<div id="blok_3" style="width:200px; height:100px;">Lorem ipsum 310</div>
<div id="blok_3" style="width:200px; height:100px;">Lorem ipsum 410</div>
</div>

<a id="next" class="next" href="#">next div</a>

<script>
$(document).ready(function() {
$('#next').click(function(){
$('div#bloki2:hidden').fadeIn();
});
});
</script>

Jak zrobić, żeby jak kliknę jeszcze raz w ten sam link,
wywołał mi id="bloki3" ?

Ten post edytował marcus755 8.01.2013, 10:01:45