jquery dodawanie elementów, jak dodawać?

jquery dodawanie elementów, jak dodawać?

marcus755 Zobacz profil	28.08.2013, 15:27:45 Post #1
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%)	jquery dodawanie elementów, jak dodawać? mam np. 16 li (np. z klasą item) chcę aby pierwsze 8 były widoczne na dzień dobry, a reszta ukryta. kliknięcie na link, powodowałoby pokazanie się kolejnych 4, a kolejne kliknięcie w ten sam link następnych 4... [HTML] pobierz, plaintext <ul> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> <li class="jakstam"> costam... </li> </ul> <a id="nastepne" href="#"></a> [HTML] pobierz, plaintext Ktoś ma jakiś pomysł? Ten post edytował marcus755 28.08.2013, 15:28:18

Odpowiedzi (1 - 2)

_Borys_ Zobacz profil	28.08.2013, 16:38:19 Post #2
Grupa: Zarejestrowani Postów: 587 Pomógł: 190 Dołączył: 5.02.2011 Skąd: 64-800 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" charset="utf-8"/> <script src="../jQuery1_9_min.js" id="jquery"></script> <!-- tu zmiana --> <style type="text/css"> .visible{ display: list-item; } .unvisible{ display: none; } </style> <script type="text/javascript"> $(function(){ $('#nastepne').bind('click', function(){ var j = 4; $('ul li').each(function(){ if($(this).hasClass('unvisible')){ $(this).removeClass('unvisible').addClass('visible'); j--; if(!j){ return false; } } }); return false; }); }); </script> </head> <body> <ul> <li class="visible"> costam... </li> <li class="visible"> costam... </li> <li class="visible"> costam... </li> <li class="visible"> costam... </li> <li class="unvisible"> costam... </li> <li class="unvisible"> costam... </li> <li class="unvisible"> costam... </li> <li class="unvisible"> costam... </li> </ul> <a id="nastepne" href="#">Clik</a> </body> </html> [HTML] pobierz, plaintext Ten post edytował _Borys_ 28.08.2013, 16:41:23

marcus755 Zobacz profil	29.08.2013, 14:48:56 Post #3
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%)	Wielkie dzięki za pomoc:-)

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 21.08.2025 - 11:51

Hosting zapewnia