jquery - if display = block 不启用功能

Question

我有一个单击时向上滑动的功能，但是一旦显示出来，一旦用户再次单击链接，我不希望它再次向上滑动，但我似乎无法让它工作。

根据我阅读的答案，最好使用 .is hidden ，但这似乎并不能解决问题。

$(document).ready(function() {
    if ($('#aboutpage').is(":hidden")) {
        $('.about').click(function() {
            $(divPages).slideUp(1000);
            $('#aboutpage').slideDown(1000);
        });
    }
});

Answer 1

这是您想要的吗：演示 http://jsfiddle.net/R8WvF/ 和您的演示http://jsfiddle.net/4meXU/ 或更简单：http: //jsfiddle.net/rzqmT/

*使用下面更新的代码补丁修复了您的页面

相同的按钮打开和关闭上滑和下滑。

希望它适合原因:)

代码

$("#toggleme").click(function(){
    $('.bnr').toggle(500);
});
​

其他

$(document).ready(function() {
    $('.about').click(function() {
        if (!$('#aboutpage').is(":visible")) {
            $(divPages).slideUp(1000);
            $('#aboutpage').slideDown(1000);
        }else{
            $(divPages).slideDown(1000);
            $('#aboutpage').slideUp(1000);
        }
    });

});

或者

var divPages = "#feed, #aboutpage"

$(document).ready(function() {
    $('.about').click(function() {
            $(divPages+', #aboutpage').slideToggle(1000);

    });

});