| |
|
|
| | Добрый вечер!
Я делаю меню, все работает хорошо и красиво на хроме, и фоксе, а вот на IE как то все не красиво дергаестья на slideUp, в чем ошибка?
<script type="text/javascript">
$(document).ready(function() {
$(function () {
$('ul ul').hide();
$('ul li').live('click', function () {
var id = $(this).attr('id');
$('ul ul').slideUp();
$('ul#children-' + id).slideDown();
return false
});
});
}); // EOF READY
</script>
</head>
<body>
<div id="header">header</div>
<div id="leftcol">
<ul>
<li id="1"><a href="#">Cat1</a></li>
<ul id="children-1">
<li><a href="#">Item1</a></li>
<li><a href="#">Item2</a></li>
</ul>
<li id="2"><a href="#">Cat2</a></li>
<ul id="children-2">
<li><a href="#">Item3</a></li>
<li><a href="#">Item4</a></li>
</ul>
<li id="3"><a href="#">Cat3</a></li>
<ul id="children-3">
<li><a href="#">Item5</a></li>
<li><a href="#">Item6</a></li>
</ul>
</ul>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: JESS
(19.06.2011 в 22:22)
| | | попробуйте для div-а прописать overflow:hidden | |
| |
|
|
| |
|
|
| |
для: psychomc
(19.06.2011 в 22:29)
| | | для leftcol?? | |
| |
|
|
| |
|
|
| |
для: JESS
(19.06.2011 в 22:34)
| | | проще проверить чем спросить
и margin/padding тоже попробуйте фиксированным сделать
*не факт что поможет, но все же | |
| |
|
|
| |
|
|
| |
для: psychomc
(19.06.2011 в 22:35)
| | | я уже все перепробовал, дело в том что в IE при slideDown список разворачиваеться красиво, но когда нажимаеш другую ссылочку, то так бы slideUp, список заворачиваеся тоже красиво, но под конец примерно 1 сек показываюсья все списки открытыми. | |
| |
|
|
| |
|
|
| |
для: JESS
(19.06.2011 в 22:41)
| | | значит вероятно это уже какой-то косяк в самой библиотеке. попробуйте на всякий скачать самую последнюю версию + смотреть в какой-нибудь не старой версии IE
* и вообще js это такая штука, что не всегда всё гладко и одинаково смотрится во всех браузерах. иногда приходится смириться :) | |
| |
|
|
| |
|
|
| |
для: JESS
(19.06.2011 в 22:22)
| | |
var active;
$(function () {
$('#leftcol>ul ul').hide();
$('#leftcol>ul>li').live('click', function () {
if(active){ active.slideUp(); }
active = $(this).find('ul')
active.slideDown();
return false
});
});
|
| |
| |
|
|
