Анимация выпадающего меню застревает

Question

Анимация выпадающего меню застревает

0

Анимация выпадающего меню застревает, когда предполагается создать анимацию эффекта слайда

Ссылка JSFiddle: http://jsfiddle.net/uqcLn/73/

Это css, который может вызвать проблему, но это необходимо для моего кода (он делает нижний div моего сайта неподвижным), поэтому его нельзя изменить.

    #nav ul ul {
    display: none;
    z-index: 1000;
}

  #nav ul li:hover > ul {
    position: absolute;
    display: block;
}

alonblack 13 май 2014, в 12:32

Источник

0

У вас HTML плохо сформирован. Вы не можете иметь divs как дети ul .
Paulie_D 13 май 2014, в 10:06
0

@Paulie_D что ты имеешь в виду? Вы можете быть более конкретным?
alonblack 13 май 2014, в 10:06
3

Вы не можете иметь div как прямые дети ul, разрешены только li .
Paulie_D 13 май 2014, в 10:07
0

@Paulie_D вы можете предложить исправить? Это связано с моей проблемой?
alonblack 13 май 2014, в 10:10
0

Возьмите все делители ссылок и начните все сначала.
Paulie_D 13 май 2014, в 10:12

Показать ещё 3 комментария

Теги:

javascript

jquery

css

animation

jquery-animate

1 ответ

Ещё вопросы

У вас HTML плохо сформирован. Вы не можете иметь divs как дети ul .
@Paulie_D что ты имеешь в виду? Вы можете быть более конкретным?
Вы не можете иметь div как прямые дети ul, разрешены только li .
@Paulie_D вы можете предложить исправить? Это связано с моей проблемой?
Возьмите все делители ссылок и начните все сначала.

Overlugged · Answer 1 · 2014-05-13T07-34-00.000Z

С этим ваш код уже более действителен

       <div id="top_menu">
  <div id="logo"><a href="index.html"><img src="images/logo.png"></a></div>
    <div id="nav">
      <ul>
        <li class="links_wrapper"><a href="about_us.html" title=" About us">ABOUT US</a>
          <ul class="dropdown">
          <li><a href="#">About us</a></li>
          <li><a href="#">Our Vision</a></li>
          <li><a href="#">Our Technology</a></li>
          <li><a href="#">Our Customers</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="solution.html">SOLUTIONS</a>
        <ul class="dropdown">
          <li><a href="#"> Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#">Detailed Descreption</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="customers.html">CUSTOMERS</a>
        <ul class="dropdown">
          <li><a href="#"> Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#">Detailed Descreption</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="#">CONTACT US</a>
          <ul class="dropdown">
          <li><a href="#">Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#"> Descreption</a></li>
        </ul></li>
    </ul>        
    <div id="login">LOGIN</div>
    <div id="lang_btn"><a href="#">He</a>&nbsp; &nbsp;<a href="#">En</a>
    </div><!--close nav-->
</div><!--top menu-->

Вы должны время от времени проверять свой код внутри валидатора W3C

http://validator.w3.org/

Добро пожаловать, чувак, поэтому мы все здесь!