Hi friends i want to fade in a div when i click on another div and for that i am using following code. Code1 works fine but i require to use the Code2.

I know there is jQuery but i require to do this in JavaScript

Can you guide me that what kind of mistake i am doing or what i need change...

Code1 --- Works Fine

function starter() { fin(); }



function fin()

{

    for (i = 0; i <= 1; i += 0.01)

    {

        i=Math.round(i*100)/100;

        setTimeout(seto( + i + ), i * 1000);

    }

}



function seto(opa)

{

    var ele = document.getElementById(div1);

    ele.style.opacity = opa;

}

Code2 --- Does not work

function starter()

{

    var ele = document.getElementById(div1);

    fin(ele);

}

function fin(ele)

{

    for (i = 0; i <= 1; i += 0.01)

    {

        i=Math.round(i*100)/100;

        setTimeout(seto( + ele + , + i + ), i * 1000);

    }

}



function seto(ele,opa)

{

    ele.style.opacity = opa;

}