[jQuery] load different pages
I'm trying to set up a site so I can load a page based upon a certain
link clicked... but this is causing errors... any ideas? This is my
first day using jquery... so I'm a newbee! TIA!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>JQuery: Collapsible Menu</title>
<script type="text/javascript" src="jquery-1.1.3.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#show").click( function() { $(".feeds").load("testjq.html"); } );
$("#showb").click( function() { $(".feeds").load("testjqb.html");} );
});
</script>
<style type="text/css">
#feeds {
display: block;
border: 4px inset #cd5c5c;
}
</style>
</head>
<body>
<a href="#" id="show">Click to Show</a> <a href="" id="showb">Click to
show page 2</a>
<div class="feeds"></div>
</body>
</html>