Hi... at a certain point after trying a lot of things I went back to
the nettuts tutorial.
simply changed the 'href' to 'class' changed #content to my video
container div #video
and then sighed. hehehe
The idea is to click on the already being used for other things <li>
menu items, and have a jpg (eventually an flv video) show in the div
container called 'video'.
So... how wrong is this..please. Totally or just mostly?
I added a bunch of classes that aren't need just to test. And of
course it does nothing. Though my href menu stuff still work!!
I haven't put any jpgs or videos anywhere. There's just this div on
the html page. And, #videos with some basic css in the css file.
DIV on HTML page: <div id="video"> ? </div> // what I will
need to put in the video div eventually I'm not quite sure yet.
HTML menu in <BODY>:
<li>
<a href="#first" class="first">First</a>
<ul class="first">
<li class="first-a-video"><a class="#first-a"
href="#first-a">first-a</a></li>
<li class="first-b-video"><a class="#first-b"
href="#first-b">first-
b</a></li>
<li class="first-c-video"><a class="#first-c"
href="#first-c">first-
c</a></li>
<li class="first-d-video"><a class="#first-d"
href="#first-d">first-
d</a></li>
<li class="first-e-video"><a class="#first-e"
href="#first-e">first-
e</a></li>
</ul>
</li>
JQUERY in <HEAD>:
<script type="text/javascript">
$(document).ready(function() {
$('li a').click(function(){
var toLoad = $(this).attr('class')+' #video';
$('#video').hide('fast',loadContent);
function loadContent() {
$('#video').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#video').show('normal'());
}
return false;
});
});
--------------
EEK!
