jQuery鏈接效果每個頁面加載僅工作一次？

Question

當我單擊“聯系人”然后“大約”時，動畫可以正常工作，但是，如果我再單擊“聯系人”，則動畫將無法工作。 頁面顯示為空白。

$(".contact-link").click(function() {
    if ($("#contact-page-wrap").is(":hidden")) {
        $("#contact-page-wrap").slideDown(400).queue(function() {
            $(".contact-block").slideDown(400);
        });;
    } else {
        $(".about-block").slideUp(400).queue(function() {
            $(".contact-block").slideDown(400);
        });;
    }
});

$(".about-link").click(function() {
    if ($("#contact-page-wrap").is(":hidden")) {
        $("#contact-page-wrap").slideDown(400).queue(function() {
            $(".about-block").slideDown(400);
        });;
    } else {
        $(".contact-block").slideUp(400).queue(function() {
            $(".about-block").slideDown(400);
        });;
    }
});

只要頁面打開，如何使它每次單擊一次運行？

Answer 1

我不確定我是否完全理解您的意圖，但是您是否考慮過使用.slideToggle（）？

http://api.jquery.com/slideToggle/

這是一種簡單的方法（如果我正確理解了您要執行的操作）

PS：Java是一個錯誤的標簽！ 您應該將其切換為“ Javascript”。