-1 
$("#bottomWatch").click(function(){
                var doops = $(".videoMove").display;

                if (doops == "none") {  
                $("#video").css("left","15%", "display: block");
                 } else {
                $(".videoMove").css("left","200%", "display: none");
                });

我在这里有正确的想法吗？我该怎么做？我想单击按钮，如果 id 被隐藏，它会显示为块并拉入，如果不是，它会返回 200% 并隐藏自身。

Toggle 不适用于我正在做的事情。

4

4 回答 4

6

您应该使用以下is方法：

if ($('.videoMove').is(':hidden')) {
    ...
} else {
    ...
}
于 2012-11-02T17:32:14.007 回答
1

试试这个：

$("#bottomWatch").click(function() {
    if ($(".videoMove").is(":hidden")) {
        console.log("hidden");
        $('.videoMove').show().animate({
            'left': '200px',
        }, "slow", function() {
           //callback
        });
    } else {
        $('.videoMove').animate({
            'left': '280px'
        }, "slow", function() {
            //done
            $(this).hide();
        });
    }
});​

工作小提琴

于 2012-11-02T18:15:18.717 回答
0 
if ($(".videoMove").is(":hidden")) {
   ///...
}
于 2012-11-02T17:32:01.120 回答
0

.display 不是 jQuery 属性...

代替

var doops = $(".videoMove").display;

和

var doops = $(".videoMove").css('display');   // jQuery Object

或者

 var doops = $(".videoMove").get().style.display;  // DOM Object
于 2012-11-02T17:32:19.587 回答