Fadein выпуск! Сделайте DIV FadeIn раз DIV больше не над элементом

Question

я в настоящее время есть две дивы «#Header_Info» и «статьи»

Статья представляет собой статический DIV, который отображает информацию на странице и #Header_Info является ДИВ, которая расширяется, чтобы показать дополнительную информацию, но когда #Header_Info расширяется, она переходит в статью, поэтому я сделал фейдеринг статьи до того, как другой div расширится, но проблема в том, что при повторном нажатии кнопки статья появляется до того, как #Header_Info рухнула, и я понял, где я ошибаюсь.

Это мой код:

$('.address a').click(function() { 
    $("article").fadeToggle("fast", function() { 
     $('#Header_Info').slideToggle('slow', function() { 
      $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours"); 
     }); 
    }); 
});  
}); 

Answer 1

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

$('.address a').click(function() { 
    $("article").fadeToggle("fast"); 
    $('#Header_Info').slideToggle('fast', function() { 
     $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours"); 
    }); 
}); 

если вы можете предоставить некоторую соответствующую HTML-разметку, можно создать скрипт для тестирования, так как этот код, вероятно, имеет ошибку или 2

Нечто подобное http://jsfiddle.net/e6wPa/ минимум css