SO nice Ricardo! I must explain and say sorry in advance for asking for help on such simple problems and my lack of understanding. I do not yet know how everything works together quite. I will be much better in the future as I am really studying though the following may be very boring, though I will try to be clear and brief!:-)
OBJECTIVE (any good?): I click on each of the li lines (as above). Something that has been added to the li lines (onclick code?) makes a jpg or video show up in the html div I have named in css as #video. - In my css I have: #video - In my single html page I have: <div class="video"> 'stuff goes here' </div> Ineed only one jpg or video to show up at a time. Kinda lost on this one. How can I have a bunch of jpgs or videos 'in the waiting' to be called to the video div without having them in the html page. They must be hidden until called, then replaced when new li is selected. So... 1) I add your script above to my single test page. I would need to change it? 2) What do I add to each Li? onclick? that points to the unique jpg or video for each li? 3) There will be some way to hide all but the needed jpg or video that will show up in the div for #video. geez.... I should stop now as I'm quite far away from this. You are very kind to have helped. in any event I am most happy to have had all the help. Tonight I must start with the basics as there are many holes in my understanding. My problem is I need to get this working this week.