You must to check if the moue moved on its childrens or not, before you
trigger the close action.
Btw, IE sux.
2009/6/4 TJ <tho...@atalanta.uk.com>
>
> Hi there,
>
> I'm trying to create a hover dropdown many with jQuery and all seems
> to work fine in safari but not in ie7?
>
> The idea is that when I hover over the main li the sub ul appears and
> slides down. When I hover over the main li is works as planned but
> then on ie7 when I move the mouse down to the sub ul is slide back
> up???
>
> jQuery:
>
> <script type="text/javascript">
> $(document).ready(function() {
> // hide sub menus
> $('ul.col_one_subnav').hide();
> // toggle sub menus on hover
> $('.col_one_navigation li').toggle(function() {
> $(this).children('ul:hidden').slideDown();
> }, function() {
> $(this).children('ul:visible').slideUp();
> });
> });
> </script>
>
>
>
> HTML:
>
> <ul class="col_one_navigation">
> <li><a href="" title="">Blackboard</a>
> <ul class="col_one_subnav">
> <li><a href="" title="">Blackboard</a></
> li>
> <li><a href="" title="">Blackboard</
> a></li>
> <li><a href="" title="">Blackboard</
> a></li>
> </ul>
> </li>
> <li><a href="" title="">Placements</a></li>
> <li><a href="" title="">Student Union</a></li>
> </ul>
>
> Can anyone help.
>
> Thanks.
>
> TJ
>
--
Gustavo Salome Silva
