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