Newbie problem with text toggle

Newbie problem with text toggle

Hi - here's all my code. When it runs, the link flashes and then the whole page becomes blank!
What am I not seeing?   THIS IS EXAMPLE CODE DIRECTLY FROM A BOOK!

-Thanks   Tom


<!DOCTYPE html>
<html>
<head>
<title>Show/Hide Text</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script>
<script>
$(document).ready(function() {
//$("#bodyText").hide();

$("#textToggle").toggle(
function() {
$("#bodyText").show("slow");
$("#bodyText").effect("highlight", {}, 2000);
},
function() {
$("#bodyText").hide();
}
);
});


</script>

</head>
<body>
<a href="#" id="textToggle">show/hide text</a><br>
<div id="bodyText">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla viverra aliquet mi. 
Cras urna. Curabitur diam. Curabitur eros nibh, condimentum eu, tincidunt at, commodo vitae, nisi. 
Duis nulla lectus, feugiat et, tincidunt nec, iaculis vehicula, tortor. Sed tortor felis, viverra vitae, 
posuere et, ullamcorper a, leo. Suspendisse euismod libero at orci. Pellentesque odio massa, condimentum at, 
pellentesque sed, lacinia quis, mauris. Proin ultricies risus cursus mi. Cras nibh quam, adipiscing vel, 
tincidunt a, consequat ut, mi. Aenean neque arcu, pretium posuere, tincidunt non, consequat sit amet, enim. 
Duis fermentum. Donec eu augue. Mauris sit amet ligula.</div>
</body>
</html>