2012-07-03 50 views
1

我現在有兩個div「#Header_Info」和「文章」Fadein問題!讓DIV淡入一次DIV不再在元素

文章是一個靜態的div顯示頁面上的信息和#Header_Info是展開後會顯示一個div額外的信息,但是當#Header_Info展開它時,它會越過Article,因此我在其他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"); 
     }); 
    }); 
});  
}); 
+0

你可以在jsFiddle.net這樣的網站上發佈HTML和/或例子嗎? – j08691

回答

0

你可以嘗試用相同的速度褪色,並在同一時間

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

褪色,如果你能提供一些相關的HTML標記,我可以創造一個因爲這段代碼可能有bug或2

類似這樣http://jsfiddle.net/e6wPa/最低css

+0

我已經將部分網站上傳到http://harpers.everythingcreative.co.uk/,並且您會在電話號碼下的頁面頂部看到代碼 –