Пишу на странице скрипт который должен прятать выбранный список
__________________________________________________ __________
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>TEST</title>
<link href="css/mystyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js" ></script>
<!--<script type="text/javascript" src="js/myscript.js" ></script>-->
</head>
<body>
<p><strong>Пробный список</strong></p>
<ul id = "myList">
<li>Номер 1</li>
<li>Номер 2</li>
<li>Номер 3</li>
<li>Номер 4</li>
<li>Номер 5</li>
<li>Номер 6</li>
<li>Номер 7</li>
</ul>
<p id = "listSwitch" style = "text-decoration: underline; cursor: pointer;"> <strong> скрыть/показать </strong> </p>
<script type="text/javascript">
$(document).ready(function(){
$('#listSwitch').toggle(
function () {
$('#myList').fadeOut(1000);
},
function () {
$('#myList').fadeIn(1000);
})
});
</script>
<p><strong>Пробный список</strong></p>
</body>
</html>
__________________________________________________ ____
При тестировании страницы прячется не список с id = "myList",
а строка с id = "listSwitch" через 1 секунду после запуска, которая и должна быть переключателем...
Кто нибудь может подсказать где я ошибаюсь????