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”。