如果display = block则不启用功能

Question

我在点击时有一个上滑功能，但一旦显示我不希望它再次滑动一旦用户第二次点击链接，但我似乎无法让它工作。

根据回答iv'e读取最好使用.is隐藏，但这似乎无法解决问题。

$(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/ 或更简单：{ {3}}

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

打开相同的按钮，然后关闭slideUp和Down。

希望它适合原因:)

<强>码

$("#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);

    });

});