29.09.2013 o 23:10
[HTML][JS][jQuery] Płynne animacyjne rozwijanie DIV'a - Rozwijanie i zwijanie ukrytego DIV'a v2
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="https://code.jquery.com/jquery-1.9.1.js"></script>
Następnie wrzucamy nasz skrypt jQuery odpowiadający za rozwijanie:
<script>
jQuery(document).ready(function($){
op = function(obj) {
$(obj).stop().slideToggle();
};
});
</script>I div z ukrytą treścią wraz z linkiem odpowiadający za zwijanie i rozwijanie:
<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>Co do obsługi, to taka sama jak w Rozwijanie i zwijanie ukrytego DIV'a v1, więc nie będę tego tutaj opisywał.
30.08.2012 o 23:08
10.04.2015 o 14:10
Komentarze
