JQuery и анимировать, не могу получить классы, чтобы измениться должным образом - PullRequest
Новая
       14

JQuery и анимировать, не могу получить классы, чтобы измениться должным образом

0 голосов
/ 19 ноября 2011

Я пытаюсь получить эту работу, но не могу понять, в чем причина проблем.

  • Активные div исчезают при наведении мыши
  • active div не будет появляться после первого изменения класса

http://jsfiddle.net/ZUd27/3/

нужна помощь.ТНХ

1 Ответ

1 голос
/ 19 ноября 2011

Ваш код выглядел довольно сложным, поэтому я сократил его до основ, а затем применил простые анимационные эффекты в стиле / jQuery. Итак: 

<div class='slogan_switch'>
    <div class='slogan_switch_item inactive'>
        <div class='ssi_arrow_active'><div class='ssi_arrow_inactive'></div></div>
        <div class='ssi_text_left'></div>
        <div class='ssi_text_body'>Test Text</div>
        <div class='ssi_text_right'></div>
    </div>
    ....etc
</div>

был изменен на более семантический и более чистый / неупорядоченный список: 

<ul class='slogan_switch'>
    <li><a href="#">Test Text 1</a></li>
    <li><a href="#">Test Text 2</a></li>
    <li><a href="#">Test Text 3</a></li>
    <li><a href="#">Test Text 4</a></li>
</ul>

Я не реализовал все эффекты, которые вы имели в своей начальной скрипке, но, надеюсь, это то, над чем вы можете поработать немного, чтобы закончить в стиле! http://jsfiddle.net/ZUd27/4/

Обновлено: Исходя из вашего комментария, я изменил jQuery, чтобы элемент был активным при загрузке страницы, а затем активировал другие элементы при наведении: http://jsfiddle.net/ZUd27/13/

...