Fade in 2 objects, same ID

[craigstand]

I'm new to GreenSock, I have 2 objects that have the same ID. I've added an opacity but it only fades in one of the objects, what am I doing wrong.

I've searched a lot and can't find a solution. Here is my code, I have 2 headshots I want to fade in but only one headshot fades in, nothing happens to the other.

 

window.onload = function(){
    var headshot = document.getElementById("headshot");
TweenLite.to(headshot, 0, {autoAlpha:0});
TweenLite.to(headshot, 2, {autoAlpha:1, delay:2});

}

[ohem]

Two elements can't have the same ID.  You need to give them different IDs, and if you want to categorize multiple elements the same way, you should use classes.

 

Here is some info about ID vs class to help you: https://css-tricks.com/the-difference-between-id-and-class/