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;
        }

    }