странное поведение функции toggle
Пишу на странице скрипт который должен прятать выбранный список
__________________________________________________ __________ "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 секунду после запуска, которая и должна быть переключателем... Кто нибудь может подсказать где я ошибаюсь???? |
Раньше ваш код работал, но toggle() претерпела изменений. Более подробно читайте на офф. сайте
В вашем случае достаточно написать след. скрипт
$(document).ready(function(){
$('#listSwitch').click(function () {
$('#myList').toggle('slide')};
});
Т.е. разработчики jQuery позаботились о более кратком записи toggle() |
Mekuya,
у вас две ошибки в строке 4 |
| Часовой пояс GMT +3, время: 08:09. |