Forum PHP.pl

W poniższych kodach wyswietlaja mi się dwie belki i pod każdą jest ukryta jeden div z danymi, który otwiera się i zamyka po kliknięciu na belkę nad nim.
Mam dla każdej belki osobno ustawiony kod aby to otwierał. Kod .js jest identyczny jedynie rózni się tym => "5_kolejka" i "2_kolejka. Jak dodam takich kolejek jeszcze 100 to kod będzie ogromny. Jak to zoptymalizować ?

plik .php

[PHP] pobierz, plaintext 
	<div  id="2_kolejka" class="belka_naglowek">
		<div style="float: left;">Kolejka 2</div>
		<div  class="rozwin" style="float: right;">Rozwiń >></div>
		<div style="clear: both;"></div>
	</div>
 
	<div class="zaw_belka_2">
		<div style="width: 100%;">
			<div class="tv-yt">
			<p style="text-align: center;">Mecz 1</p>
			</div>
 
			<div style="clear: both;"></div>
		</div>
	</div>
 
	<div id="5_kolejka" class="belka_naglowek">
		<div style="float: left;">Kolejka 5</div>
		<div class="rozwin" style="float: right;">Rozwiń >></div>
		<div style="clear: both;"></div>
	</div>
 
	<div class="zaw_belka_5">
		<div class="tv-yt">
				<p style="text-align: center;">Mecz 2</p>		
		<div style="clear: both;"></div>
	</div>
 
[PHP] pobierz, plaintext 

plik .js

[PHP] pobierz, plaintext 
$("#2_kolejka").click(function()
	{
		if (cycle % 2 === 0) 
		{
			$("#2_kolejka > .rozwin").text('Rozwiń >>');
		} else 
		{
			$("#2_kolejka > .rozwin").text('Zwiń <<');
		}
		cycle++;
 
		$(".zaw_belka_2").toggle("slow");
	});
 
	$("#5_kolejka").click(function()
	{
		if (cycle % 2 === 0) 
		{
			$("#5_kolejka > .rozwin").text('Rozwiń >>');
		} else 
		{
			$("#5_kolejka > .rozwin").text('Zwiń <<');
		}
		cycle++;
 
		$(".zaw_belka_5").toggle("slow");
	});
[PHP] pobierz, plaintext 

Operować na klasach i strukturze DOM (element, który chcesz pobrać, to sąsiad)

Nie mam pojęcia jak. Próbuje zrobić coś takiego:

wszystkie belki mają tą samą klase ale inne ID.
Robię click po classie i wtedy do zmiennej przypisuje id tej classy i wtedy podstawiam zmienną do algorytmu.
Czy to dobry pomysł?

... a jeśli tak to jak do zmiennej przypisać ID z klikniętej classy w tym samym divie ?

przykład:

[PHP] pobierz, plaintext 
<div class="numer" id="1"></div>
<div class="numer" id="2"></div>
<div class="numer" id="3"></div>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
$(.numer).click(function()
{
var zmienna = i tutaj przypisuje id kliknietej klasy
});
[PHP] pobierz, plaintext 

Można coś takiego zrobić?

Ten post edytował djtomaszq 2.01.2016, 18:07:03

https://jsfiddle.net/q9egt0r3/

Nazwy atrybutów nie zaczynamy od cyfry.

@koodo218 nieprawda, można:

Całe życie w błędzie

Nie całe życie tylko HTML5 Zresztą to chyba nie było od początku możliwe? Coś mi się kojarzy że pierwsze drafty miały identyczne ograniczenia jak html/xhtml czyli id nie mógł się zaczynać od cyfr itd.

Owszem, miały. Sam nie wiem kiedy znieśli to ograniczenie, ale… po prostu nagle zaczęło działać W sumie miło, że W3C opiera specyfikację na rzeczywistości, a nie próbuje ją nagiąć do swoich wymysłów.

Hmm. Kolejna rzecz w której trzeba być na bieżąco. Jak jeszcze HTMLa będzie trzeba się co tydzień uczyć na nowo to przekichane.

Co tydzień? Część specek zmienia się codziennie Na szczęście HTML jako HTML jest w miarę stabilny.