Hej
Mam pewien problem, tym razem z jquery, nie animuje mi efektu jednego elementu, nagle się pojawia
http://dukov.pl/testphp

Chodzi mi o div o id 1, ten w którym jest zdjęcie piasku oraz opis. Wszystkie animacje działają, tylko ta nie, kombinuje już od 2 godzin, a nie wiem czemu tak się dzieje. W DOM zauwazyłem tylko, że jquery dodaje tylko styl display: block; Nie mam pojęcia dlaczego nie dodaje reszty.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. 	<title>Test test test</title>
  5. 	<link rel="Stylesheet" type="text/css" href="css.css" />
  6. 	<script type="text/javascript" src="scripts/jquery-3.2.1.js"></script>
  7. 	<script type="text/javascript" src="scripts/jquery-ui.min.js"></script>
  8. 	<script type="text/javascript">
  9. 	function wait(){
  10.  
  11.         $("#first").show("slide",1000);
  12.         setTimeout(wait2,1100)
  13.         function wait2() {
  14.         	$("#second").show("slide",1000);
  15.         	setTimeout(wait3,1100);
  16.         	function wait3(){
  17.         		$("#third").show("slide",1000);
  18.         		setTimeout(wait4,1100);
  19.         		function wait4(){
  20.         			$("#fourth").show("slide",1000);	
  21.         			setTimeout(wait5,1100);
  22.         			function wait5(){
  23.         				$("#fifth").show("slide",1000);
  24.         				setTimeout(wait6,1100);
  25.         				function wait6(){
  26.         					$("#h3head_port").show("slide",1000);
  27.         					setTimeout(wait7,1100);
  28.         					function wait7(){
  29.         						/*var i;
  30.         						var checkIDs = (function() {
  31. 										var classes = document.getElementsByClassName('container_');
  32. 										var quandivs = classes.length;
  33.  
  34. 										return quandivs;
  35. 									}());
  36.  
  37.         						var divstab = new Array(checkIDs);
  38.         						for (i = 1; i <= checkIDs; i++)
  39.         						{
  40.         								divstab[i] = "#"+i;
  41.  
  42.         								*/
  43.    												$("#1").show("blind", 1500);   <-----------o tutaj jest problem
  44.  
  45.         						//}
  46.  
  47.  
  48.         					}
  49.         				}
  50.         			}
  51.         			}
  52.         		}
  53.         	}
  54.         }
  55.  
  56.  
  57.  
  58.  
  59.  
  60. 	$( document ).ready(function() {
  61. 		$( "#top" ).show( "fold", 1000 );
  62. 		setTimeout(wait0, 1100);
  63. 		function wait0(){
  64. 				$("#h3head").show("slide",1000);
  65. 				setTimeout(wait,1100);	
  66. 		}
  67. 	});
  68. 	</script>
  69. </head>
  70. <body>
  71. <div id="top" class="row">
  72. 	<div id="title" class="container_50">
  73. 		<h1> test test test test</h1>
  74. 	</div>
  75. 	<nav id="nav"> 
  76. 		<ul>
  77. 			<li>O mnie</li>
  78. 			<li>Moje</li>
  79. 			<li>Kontakt</li>
  80. 		</ul>
  81. 	</nav>
  82. </div>
  83. <content>
  84. 	<div id="about" class="container">
  85. 		<div id="abouthead" class="header"><h3 id="h3head">O mnie</h3></div>
  86. 		<div id="paragrpahs" class="aboutcontent">
  87. 			<p class="justify"><span id="first" > TestTestTestTestTestTestTestTestTestTestTestTestTestTest.</span>
  88. 			<span id="second">TestTestTestTestTestTestTestTestTestTestTestTestTestTest.</span>
  89. 			<span id="third">TestTestTestTestTestTestTestTestTestTestTestTestTestTest</span>
  90. 			<span id="fourth">TestTestTestTestTestTestTestTestTestTestTestTestTestTest.</span>
  91. 			<span id="fifth">TestTestTestTestTestTestTestTestTestTestTestTestTestTest</span>
  92. 			</p>
  93. 		</div>
  94. 	</div>
  95. 	<div id="secportfolio" class="container">
  96. 		<div id="aboutport" class="header"><h3 id="h3head_port">Moje</h3></div>
  97. 		<div id="portfolio" class="portfolio">
  98. 			<?php
  99. 				include "pages.php";
  100. 			?>	
  101. 		</div>
  102. 	</div>
  103. 	<div id="form" class="container">
  104. 		<div id="formhead" class="header"><h3>Kontakt</h3></div>	
  105. 		<div id="formcont" class="formcont"></div>
  106. 	</div>
  107. </content>
  108. </body>
  109. </html>
  110.  
[HTML] pobierz, plaintext


Próbowałem już wielu różnych efektów, w końcu wykomentowałem tę pętle, wyjaśnię od razu, że elementów będzie więcej, tyle ile dodam do bazy. Stąd pętla zliczająca ilość elementów, a jako id do skryptu w jquery był początkowo #(tab[i]) ale efekt był taki sam jak teraz.