title: Dynamic Div or assigning multiple functions to a Div in CSS/HTML
body: <p>I'm relatively new to Web dev. The question is generic, but I'll pose specific user-cases. </p>
  
  <p><strong>Use-case 1:</strong>
  I have a div element on a web page. When the page loads the first time, this div runs a small 5 sec animation. What I wish to do is, when this animation ends, I want the same div to contain some other element - it could be an image, a link, another animation etc.
  That is, one container - the div - hosting multiple elements on a time-scale. First 5 secs animation , followed by an image or a link. 
  What Javascript methods will allow me to do so?</p>
  
  <p><strong>Use-case 2:</strong>
  Again, I have a div element in a page. Now this div element is like a tabbed browser - you click on a different tab to view a different web page. Similarly, I wish to make this a "tabbed" div. As in, when the user hovers the mouse on tab 1, the div would show a video, when hovered over tab 2, it would show another video in the same div - that is, replacing the old video. The tabs can be considered as a fancy looking link.</p>
  
  <p>Or, in the first place, is there an alternative to 'div' to do the things mentioned above?</p>
  
  <p>Thanks,
  SMK.</p>