1

我有一个在链接上具有向上滑动效果的导航，一旦点击，页面就会从底部向上滑动，而名为#portfolio 的主页会向下滑动，一旦打开，如果用户再次点击相同的链接我想要页面向下滑动。

我想要完成的是，如果当我单击另一个面板时打开两个面板之一#aboutpage 和#contactpage，例如如果#aboutpage 打开，然后我单击#contactpage 的链接，我希望关于页面向下滑动，一旦向下 #contactpage 向上滑动。我已经用十几种不同的方法尝试了十几次，但我似乎无法让它发挥作用。

http://maximsiebert.com/unamed/Untitled-1.html

    $('.about').click(function() {
    if (!$('#aboutpage').is(":visible")) {
    $('#aboutpage') .slideToggle(1000)
    $('#portfolio') .slideToggle(1000)
    }
else if ($(('#contactpage').css('display') == "block")) {
    $('#contactpage') .slideToggle(1000)
    $('#aboutpage') .delay(1000).slidetoggle(1000)
}else {
    $('#portfolio').slideDown(1000);
     $('#aboutpage').slideUp(1000);
}
});
4

1 回答 1

0

我会再试一次。不要使用slideToggle，而是将它们全部向上滑动，然后将当前的向下滑动，但前提是它一开始不可见：

$('.about').click(function() {
    var wasVisible = $("#aboutpage").is(":visible");
    $("#aboutpage").slideUp();
    $("#portfolio").slideUp();
    $("#contactpage").slideUp();
    if (!wasVisible) {
        $('#aboutpage').slideDown(1000)
    }
}

演示在这里。

于 2012-10-21T00:58:10.230 回答