Siemka.
Postanowiłem, że pokaże wam jak w inny sposób można rozwijać treść strony, w sposób płynny, różniący się troszkę od tego co poprzedni.
Jest tak samo prosty i banalny jak poprzedni 🙂
Z tym że aby ten sposób działał musimy użyć jQuery, dodając pomiędzy <head>…</head> następujący kawałek odpowiadający za funkcjonowanie jQuery:
<script src=”http://code.jquery.com/jquery-1.9.1.js”></script>
Następnie wrzucamy nasz skrypt jQuery odpowiadający za rozwijanie:
[kod]<script>
jQuery(document).ready(function($){
op = function(obj) {
$(obj).stop().slideToggle();
};
});
</script>[/kod]
I div z ukrytą treścią wraz z linkiem odpowiadający za zwijanie i rozwijanie:
[kod]<a href=”#” onClick=”op(’#poka’);”>Pokaż</a>
<div id=”poka” style=”display: none;”>
Oto ukryta cześć strony. Rozwija się po kliknięciu na przycisk, tekst, button, zdjęcie z atrybutem onClick=”op(’#poka’);”.
</div>[/kod]
Co do obsługi, to taka sama jak w Rozwijanie i zwijanie ukrytego DIV’a v1, więc nie będę tego tutaj opisywał.
