Iframe как оживить с jquery

Question

* У меня есть следующая проблема: http://jsfiddle.net/t74fT/14/, когда я пытаюсь загрузить анимацию для моего iframe, но я не знаю, как реализовать постепенное исчезновение текста, когда я нажимаю другую кнопку, и исчезаю в текст этой другой кнопки ... Все, что я могу сделать, это постепенно исчезать и исчезать, пожалуйста, помогите мне?

$(document).ready(function() { 
    $("#page3").click(function(event){ 
     $("#ifr").fadeOut('slow'); 
    $("#ifr").fadeIn('slow'); 
    }); 

$("#page1").click(function(event){ 
     $("#ifr").fadeOut('slow'); 
     $("#ifr").fadeIn('slow'); 
    }); 

}); 

Но посмотрите, пожалуйста, на ссылку, потому что мои кнопки - это divs.

Answer 1

Проблема заключается в том, что вы выполняете fadeOut() и fadeIn() непосредственно друг за другом по тому же элементу. Я уверен, что это вызовет некоторые нежелательные поведения.

Вы можете попытаться использовать функции обратного вызова, которые эти затухает обеспечивают:

$("#element").fadeOut('slow',function(){ 
    // this function will be called as soon as the element has 
    // completely faded out. 

    // now we can fade it back in 
    $(this).fadeIn('slow'); 
}); 

Ссылки:

• fadeOut()
• fadeIn()