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" ?