Witam.

Jestem w trakcie tworzenia stronki z kursami online. Niestety natknąłem się na poniższy problem.
Posiadam pewnego diva, jest to prostokącik, który po kliknięciu zwiększa swoją wysokość i pokazuje ukryty filmik.
Problem polega na tym, że każdy nowo dodany kurs może składać się z innej ilości filmików. Dlatego podczas tworzenia rozwijanego diva korzystam z pętli która tworzy ich odpowiednią ilość z różnym id="" np ukryty_filmik1, ukryty_filmik2 itd

Co muszę zrobić, aby moja funkcja rozwin(), która zamyka i rozwija danego diva otrzymała jego id aby wiedziała, że to jego trzeba rozwinąć/zwinąć?

 
	var $wlaczony=0;
	function rozwin()
	{
		if($wlaczony==0){
   		var pole = document.getElementById("ukryty_filmik");
   		pole.style.height = "auto";
   		$wlaczony=1;
   		}else{
		var pole = document.getElementById("ukryty_filmik");
   		pole.style.height = "0px";
   		$wlaczony=0;
   		}
   		
	}