Как заставить jquery проиграть анимацию более 1 раза?

Question

[TyLo]

Есть 2 блока на сайте:


Один при загрзке имеет id="vis", другой id="novis" (видимый и невидимый).
Далее есть скрипт, который должен делать один видимым, другой невидимым:


Но дело в том, что анимация срабатывает один раз. Один блок действительно исчезает, а другой появляется; заменяются айдишники и всё выглядит нормально. Но при попытке нажать ещё раз кнопку, анимация не реагирует. Консоль молчит.
Подскажите, что делать?

Ссылка на JSFiddle

Comments

[Stalker_RED]

js кода нет на jsfiddle.

заменяются айдишники

wtf? Вы еще скажите, что на эти айдишники у вас скрипты привязаны.

[TyLo]

Stalker_RED, я поменял, теперь есть js

[alex]

заменяются айдишники

Answer 1

[Anton fon Faust]

спасибо, отслоение сетчатки глаза получено.
На jsfiddle свой код выкладывайте. В мутнонечитаемых скриншотах никто не будет разбираться.

Comments

[TyLo]

Добавил ссылку на JSF

[Anton fon Faust]

TyLo, о, божемой.
Кто вас учил так менять id?

$("#vis").attr("id","#novis");
$("#novis").attr("id","#vis");

Должно быть

$("#vis").attr("id","novis");
$("#novis").attr("id","vis");

После того как исправите, не будет работать потому, что у вас вот эти строки:

$("#vis").attr("id","novis"); - здесь вы у первого vis меняете на id на novis
$("#novis").attr("id","vis"); - а здесь у него же, меняете обратно на vis.

если уж на то пошло, можно сделать так:

var oldVis = $("#vis");
var oldNovis = $('#novis');

oldVis.attr("id", "novis");
oldNovis.attr("id", "vis");

Но, вообще, за такой код нужно руки отрывать.

Правильнее было бы по клику назначать классы с нужными анимациями.

Answer 2

[Stalker_RED]

$("#vis").attr("id","#novis");
$("#novis").attr("id","#vis");

В результате у вас айдишники вот такие:

а изначально такие:
разницу замечаете?

Но даже если вы это исправите, все равно будет фигня. Вы похоже, не внимтельно читали что такое id и для чего они вообще.