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