Hi Ricardo... After no luck initially with either code I created a smallest possible test page and tried both your examples in various ways including EXACTLY as you posted them.
I removed all other scripts, JQ, everything. I did have css for the divs. etc. I double checked everything as there are clear differences between the two examples... <div id="movies"> in the first one class="movie" in the second one And NO surrounding DIV in the second example video hrefs. WHAT HAPPENS: In my barest possible tests which is exactly what you posted. When I clicked on either of the: <a href="first.flv" class="movie">First movie</a> <a href="second.flv" class="movie">Second movie</a> I get: "object not found" page of course... nothing left to remove for testing... :-))) When I clicked on any of the: <ul class="menu"> <li><a href="#first">First</a></li> <li><a href="#second">Second</a></li> </ul> I get NOTHING HAPPENING at all.... eek! As I am not sure what's what with: 1) $(document).ready(function(){ 2) }); I put them in the script and took them out and tried everything I could. So really I did the 'don't assume anything' thing for two hours.... No GO.... Can you double check the code? AND, as always, whatever happens I am totally thrilled to have gotten somewhere on this... thank you very very much! y